css, hogyan, tableless

Bevallom őszintén mér rég a tableless élharcosának számítottam, amikor még vissza – visszanyúltam a jó öreg táblázatokhoz amikor a formjaim megjelenését akartam megzabolászni. Biztos voltam benne, hogy az a probléma, hogy alapból az input mezők különböző hosszúak és emiatt függőlegesen egymás alatt girbegurbán helyezkednek el orvosolható tisztán CSS-sel táblázat beiktatása nélkül.

Persze igazam is volt. A hogyanra pár gyenge próbálkozás után a google adta meg a választ.

Az ehhez szükséges html kód rendkívül egyszerű:

<form action="index.php" method="get">
	<label for="nev">Név: </label>
	<input type="text" name="nev" /><br>
	<label for="cim">Lakcím: </label>
	<input type="text" name="cim" />
</form>

Aztán a css se túl bonyolult:

input {width: 150px;
   float: left;
   margin-bottom: 10px;}
label {float: left;
   width: 75px;
   margin-bottom: 10px;
   clear:left;}

És az eredmény íme.
Voálá – ahogy kínában mondják!

Ez a bejegyzés rrd billentyűzetéből potyogott ki 2006 október 3. napján 10:09:42-kor. Eddig 2,085 olvasást ért meg. A visszajelzéseket nyomonkövetheted ezzel az RSS feed-el. Véleményt nyilváníthatsz, vagy trackbackolhatsz a saját oldaladon.