Flytta ihop några saker "tightare"

HTML & CSS

5 svar · 560 visningar · startad av EmmaW

Medlem sedan apr. 2008152 inlägg
Trådstart#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 =)

271 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
128 ms — deklarationer (db)
0 ms — hämta statistik (cache)
139 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)