| Autor | Zpráva | ||
|---|---|---|---|
| koudi Profil |
#1 · Zasláno: 30. 4. 2006, 18:09:12
Chci se zeptat, jestli je chyba u mě, nebo skutečně nejde prvky label nastavit width. Chtěl sem si nastylovat formulář, aby vypadal jako v tabulce a to tak, že bych labelu dal třeba 20% a inputu 80%, ale label prostě na width nereaguje.
Jak se dá tedy nějak jednoduše nastylovat formulář, aby vypadal jako v tabulce? Viděl sem řešení kdy to udělám přes "divovou tabulku", ale to se mi moc nelíbí. Čet se třeba plaváčkovy články o formulářích, ale já bych radši, aby inputy byly hned vedle labelu, ne až pod ním. Díky |
||
| Martin Kuželka Profil |
#2 · Zasláno: 30. 4. 2006, 18:12:38
Tomu labelu nastav width: 20%; float: left; text-align: right;. Mělo by to udělat to, co asi chceš.
|
||
| Plaváček Profil |
#3 · Zasláno: 30. 4. 2006, 18:16:42
Pro LABEL lze nastavit width a dat mu float:left, zadny problem v tom myslim neni.
|
||
| koudi Profil |
#4 · Zasláno: 30. 4. 2006, 18:19:42
Zajímavý, díky.
Proč se labelu nastaví width jenom pokud má zadáno float: left? To mi nějak neni jasný... |
||
| Timy Profil |
#5 · Zasláno: 30. 4. 2006, 18:22:33
protože label je řádkový element
|
||
| koudi Profil |
#6 · Zasláno: 30. 4. 2006, 18:32:44
Aha, to sou věci. No tak díky.
|
||
| Anonymní Profil * |
#7 · Zasláno: 30. 4. 2006, 18:36:53
Ještě teda pro upřesnění - co se vlastné děje, když nastavim float: left, že to pak najednou funguje?
|
||
| halogan Profil |
#8 · Zasláno: 30. 4. 2006, 18:40:11
Anonym: nastaví se jako blokový element, protože floatovat můžou jen blokové elementy.
|
||
| koudi Profil |
#9 · Zasláno: 30. 4. 2006, 18:45:59
To sem byl já, zapomněl sem se přihlásit. Takže stejnýho efektu bych dosáhl použitím display: block?
|
||
| Timy Profil |
#10 · Zasláno: 30. 4. 2006, 18:47:11
koudi
pak by z labelu byl blokový prvek a input by ti odskočil na další řádek ;-) |
||
| koudi Profil |
#11 · Zasláno: 30. 4. 2006, 18:48:54
Timy
Hernajs to je ale blbost :-). Sem rád, že se tomuhle nemusim věnovat nějak víc... :-) |
||
| Timy Profil |
#12 · Zasláno: 30. 4. 2006, 18:51:58
ono by možná stačilo, kdyby jsi tomu labelu přisoudil display:inline-block a pak by měl zůstat řádkovým prvkem, ale měla by mu jít přidělit šířka - tedy tak, jak jsi to chtěl úplně na začátku. Ale nijak moc jsem to nezkoušel a je možné, že to dělá někde neplechu.
|
||
| koudi Profil |
#13 · Zasláno: 30. 4. 2006, 18:53:05
Já tam klidně nacpu float: left, to mi nijak nevadí, jen sem nechápal proč to tak je.
|
||
| Timy Profil |
#14 · Zasláno: 30. 4. 2006, 18:53:53
mimochodem - celé to už vlastně rozebral Plaváček ;-) http://www.plavacek.net/formulare/
|
||
| halogan Profil |
#15 · Zasláno: 30. 4. 2006, 21:35:47
Timy: inline-block nepodporuje IE a Gecko, bohuzel.
|
||
| Timy Profil |
#16 · Zasláno: 30. 4. 2006, 21:40:29
halogan
Zkoušel jsem to v IE a Opeře a oba mi to brali... Firefox se opravdu nechytá. |
||
| halogan Profil |
#17 · Zasláno: 30. 4. 2006, 22:03:58
Timy: aha, ja jsem vychazel z wikipedie, kde o IE pravi "display — Only none, block, inline, table-header-group, and table-footer-group are supported."
|
||
|
Časová prodleva: 18 let
|
|||
Toto téma je uzamčeno. Odpověď nelze zaslat.
0