webForumDet fria alternativet

Flytta ihop några saker "tightare"

HTML & CSS

5 svar · 556 visningar · startad av EmmaW

Medlem sedan apr. 2008152 inlägg
Frågan#1

Hej igen :r

Jag har skapat något som ser ut såhär:
http://img362.imageshack.us/img362/3576/90361497pw6.jpg

Men jag skulle vilja att det såg ut såhär (skapat i paint):
http://img362.imageshack.us/img362/1322/72593214br5.jpg

Det vill säga att boxarna flyttades lite högre upp i rutan och att texten flyttades ännu högre upp..alltså allt blev mycket "tightare" uppåt.

Jag har testat att ändra cellpadding och allt möjligt..men det vill inte bli tightare av någon anledning.

Någon som vet hur man fixar detta? :)

Koden för den biten ser ut såhär:

<td width="337px" align="right" style="font-size: 10px; line-height: 0px; padding:0px;">
<div align="left">
<if="$this->ipsclass->member['id'] == 0">
<form action= "{$this->ipsclass->base_url}act=Login&CODE=01&return=refer"method="post" >
<input type="text" size="20" name="UserName" onfocus="focus_username(this)"value="{$this->ipsclass->lang['qli_name']}" style="padding: 3px;"/>
<input type="password" size="20" name="PassWord" onfocus="focus_password(this)" value="------" style="padding: 3px;"/>

hej2
<!--<input class="button" type="image" src="{$this->ipsclass->vars['img_url']}/login-button2.gif" style="background:transparent;border:0;vertical-align: middle;"
/>-->

Medlem sedan apr. 2008152 inlägg
#2

Humm.. beskrev jag dåligt eller vet ingen hur man gör detta? :(

Medlem sedan juni 20006 022 inlägg
#3

style="margin:0px;" på form-taggen?

Medlem sedan apr. 2008152 inlägg
#4

Quid skrev:

style="margin:0px;" på form-taggen?

Tack för svar :)

Så form-taggen blir såhär menar du?

<form style="margin:0px;" action= "{$this->ipsclass->base_url}act=Login&CODE=01&return=refer"method="post" >

Tyvärr så reagerar den inte när jag ändrar det. Någon aning om vad jag gör för fel?

Medlem sedan aug. 20068 090 inlägg
#5

Prova att sätta samma inline style på inputtaggarna istället:
<input type="text" style="margin:0px; padding:0px;"

Eller i din stilmall, skriv så här nånstans:
* {margin:0px; padding:0px;} så nollställer du alla margin och paddings från början och tillåter däremed inte webbläsarna att slänga vad dom tycker det ska vara. Sen kan du justera varje element för sig.

Red: Förresten: Vad är det för grej som utgör det gråa "strecket" ovanför?

Kan du vara bussig visa kod istället för bild, gärna inklusive css....

Medlem sedan apr. 2008152 inlägg
#6

Att ändra:
<input type="text" style="margin:0px; padding:0px;"
löste det! :)

Tack så mycket.

Stecken osv är bara en annan del av tablet =)

269 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
138 ms — hämta tråd, inlägg och bilagor (db)
128 ms — ändringar (db)