řádek nebo mezera aneb perfekcionismus

Ahoj!
Snažím se udělat přihlašování a setkal jsem se s pár problémy:

mám tento kod a tyto styly jako verzi jedna:

<style>

.login {

float: left;

font-weight: bold;

margin: 4px 4px 0px 4px;

}



.heslo {

float: left;

font-weight: bold;

margin: 4px 4px 0px 4px;

}



.input {

font-size: 12px;

font-family: Verdana, Tahoma;

}

</style>



<div>

<div class="login">Login</div><div style="float: left;"><input type="text" class="input" size="10"></div>

<div class="heslo">Heslo</div><div style="float: left;"><input type="password" class="input" size="10"></div>

<input type="image" src="prihlasit.png"><div style="clear: both;"></div></div>

<<<ahoj>>>

Takhle vše funguje, jsou tam jen dva rozdíly: v IE je login a heslo o 1px níž o proti inputu. A input image je o 3px od input password.

Pokud změníme kód na:

<div>

<div class="login">Login</div><div style="float: left;"><input type="text" class="input" size="10"></div>

<div class="heslo">Heslo</div><div style="float: left;"><input type="password" class="input" size="10"></div>

<div style="float: left;"><input type="image" src="prihlasit.png"></div><div style="clear: both;"></div></div>

<<<ahoj>>>

Zmízí 3px mezera mezi input password a input image, ale vznikne nový řádek mezi celým divem a textem <<<ahoj>>> pod divem.
Dá se nějak vše nastylovat, aby vše vypadalo stejně ve všech prohlížečích?

P.S. Použil jsem se input image kvůli zachování grafiky. Nejde to udělat pomocí css.

habendorf

- když jsem tam použil méně divů, tak se mi už nedařilo dosáhnout efektu s minimálními rozdíly, který mi taky vadí. nevím jak by si to dělal ty:-)
- labely nepoužívám, protože vytvářejí mezeru kolem formuláře, nevím jestli se dá "zrušit", podívám se.

Str4wberry

podívám se, snad to pomůže.


Knopi

myslím, že nepotřebuju, ale přečtu si.

tajny spion

dík za snahu:-)

Manq

spletl jsem si to fieldsetem:-):-(
při label nejde v IE nastavit psedo-element first-letter, takže nepřipadá v úvahu:-)

opravdu jsem vyzkoušel už všechno, včetně rad co jste mi napsali:(

Manq

span není blokovej tag, takže nejde použít first-letter

habendorf

protože chci aby to vypadalo stejně