Re: zarovnanie pomocou <span>

From: Jiří Hrazdil <konference (zavinac)>
Date: 04. 12. 2005, 01:08 CET
Peter Krajčo wrote:
> caute,
> 
>     mam problem so zarovnanim komponent v roznych prehliadacoch. Ked napisem kod:
> <span style="width:50px;">meno: </span><input type="text" name="meno" size="5"><br>
> <span style="width:50px;">heslo: </span><input type="password" name="heslo" size="5">
> 
> tak v explorery sa pekne pod seba zarovnaju <input> ale v opere a firefoxe je to uz nezarovnane....
> Moze niekto poradit ako na to? Mohol by som to dat do tabulky. Pripadne pozdra niekto stranku kde by som sa dozvedel kde by boli taketo veci spisane a ako na to?
> 

specifikace CSS2 rika, ze vlastnost "width" se vztahuje na vsechny prvky 
stranky, krome nenahrazovanych in-line prvku, radku tabulek a skupin 
radku...

span je in-line element, tedy urceni jeho sirky je bez efektu (to ze IE 
sirku in-line elementu zohlednuje je odchylka proti specifikaci)

co se reseni tyka:
pro zarovnani popisku policek formulare pouzivam k tomu urceny prvek <label>

napr.
<label for="meno" style="width: 50px; float: left">meno:</label>
<input type="text" name="meno" id="meno" size="5" /><br />
<label for="heslo" style="width: 50px; float: left">heslo:</label>
<input type="text" name="heslo" id="heslo" size="5" />


s pozdravem

		hrazda
Received on Sun, 04 Dec 2005 01:08:49 +0100

This archive was generated by hypermail 2.1.8 : 04. 12. 2005, 01:08 CET