webForumDet fria alternativet

Varför vill inte detta ligga på linje?

HTML & CSS

7 svar · 288 visningar · startad av Meng

Medlem sedan feb. 2003549 inlägg
Frågan#1
<form>
<input type="text" size="22"> <input type="image" src="bilder/ico_login.gif" value="Logga in" class="btn" alt="login!" valign="abscenter" border="0" width="24" height="24">
</form>

Varför vill inte detta ligga på linje?

ex.gif
Medlem sedan aug. 20039 340 inlägg
#2

Nu är jag inte säker på att detta hjälper, men abscenter ska vara absmiddle: Annars kan du pröva att sätta en div inuti formen, men utanför det andra.

<form>  <input type="text" size="22"> <input type="image" src="bilder/ico_login.gif" value="Logga in" class="btn" alt="login!" valign="absmiddle" border="0" width="24" height="24">  </form>
Medlem sedan feb. 2003549 inlägg
#3

absmiddle och abscenter är ju samma sak.. och om jag skulle lägga in en div runt loginknappen så skulle ju den bara trilla ner under text fältet...

Medlem sedan jan. 2000978 inlägg
#4
input {float:left;}
.btn {display:block;}

http://www.webforum.nu/showthread.php?s=&postid=978161#post978161

Medlem sedan aug. 20039 340 inlägg
#5

Meng skrev:

och om jag skulle lägga in en div runt loginknappen så skulle ju den bara trilla ner under text fältet...

Jag menade runt både inputen och knappen. Men jag tror insiders kod löser idtt problem :)

Medlem sedan feb. 2003549 inlägg
#6

Tack

Medlem sedan feb. 2003549 inlägg
#7

Kan man få bilden till att ligga kloss mot text fältet då? Alltså precis brevid istället för 3-4 px efter..

Medlem sedan jan. 2000978 inlägg
#8

Ta bort alla mellanslag i din html-kod:

<form>
<input type="text" size="22"><input type="image" src="bilder/ico_login.gif" value="Logga in" class="btn" alt="login!" valign="abscenter" border="0" width="24" height="24">
</form>
256 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)