Formuláře v CSS
Užitečné řešení, pokud se chcete zbavit tabulek používaných pro zarovnání formulářových prvků.
Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Peter-Paul Koch.
CSS
label,input
{
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}
label
{
text-align: right;
width: 75px;
padding-right: 20px;
}
br
{
clear: left;
}
XHTML
<html>
<body>
<form>
<p>
<label for=“jmeno“>Jméno</label>
<input id=“jmeno“ name=“jmeno“/><br/>
<label for=“adresa“>Adresa</label>
<input id=“adresa“ name=“adresa“/><br/>
<label for=“mesto“>Město</label>
<input id=“mesto“ name=“mesto“/><br/>
</p>
</form>
</body>
</html>
Předchozí článek
Dvousloupcový layout s plovoucí šířkou pravého panelu
Další článek
Iniciálka v úvodu odstavce
Mohlo by vás také zajímat
-
Jak nainstalovat šablonu ve WordPressu
23. července 2024 -
AI v programování: Jak používat GitHub Copilot (část 1)
12. února 2024 -
OpenAI zpřístupnilo ChatGPT Search všem uživatelům
6. února 2025 -
Co je to VRAM a jak ji navýšit bez drahého upgradu?
20. srpna 2024
Nejnovější
-
20 let Ubuntu: Cesta od revoluce k digitální každodennosti
30. května 2025 -
Google Chrome nyní mění kompromitovaná hesla – jak to funguje?
28. května 2025 -
Google spouští AI Přehledy ve vyhledávání v Česku
23. května 2025 -
Anonym
Úno 6, 2012 v 19:01XS