Autor | Zpráva | ||
---|---|---|---|
nufina Profil * |
#1 · Zasláno: 18. 1. 2008, 11:58:00
Potřebovala bych mít takový formulář, kde je několik textových polí vedle sebe a kde jsou k nim příslušné popisky (label) nad nimi. Nastavení šířky Label se ale neprojevuje. Snažím se o něco, co nelze udělat?
Chtěla jsem zachovat Labely, jinak si samozřejmě můžu popisky dosadit jako nastylovaný text. Děkuju předem za reakce. |
||
habendorf Profil |
#2 · Zasláno: 18. 1. 2008, 12:03:49
Protože label je inline element. Takže kdyžtak display:block;
|
||
nufina Profil * |
#3 · Zasláno: 18. 1. 2008, 12:26:35
Děkuju, ale to bohužel právě způsobí zalomení na další řádek, jenže já potřebuju ty popisky mít v jednom řádku (nad těmi textovými poli).
|
||
habendorf Profil |
#4 · Zasláno: 18. 1. 2008, 13:37:26
Zalomení je žádoucí, ne? Budeš mít vždycky
label input a další label input Pokud chceš mít tyhle dvojice vedle sebe, tak si trochu zafloatuj, případně to můžeš řešit tabulkou. |
||
nufina Profil * |
#5 · Zasláno: 18. 1. 2008, 13:41:33
Ne, právě že to není žádoucí. Jak jsem psala hned na počátku, textová pole chci mít vedle sebe, tudíž i labely jsou vedle sebe nad těmi textovými poli. Float:left mi všehno celkem logicky hodí doleva.
Zkusím tu tabulku. |
||
habendorf Profil |
#6 · Zasláno: 18. 1. 2008, 13:51:29
tudíž i labely jsou vedle sebe nad těmi textovými poli.
No labely jsou nad poli, čili tak, jak jsem napsal :o) label--------label----------label input-------input----------input Tohle chceš, ne? |
||
habendorf Profil |
#7 · Zasláno: 18. 1. 2008, 13:53:02
Ono jde taky trochu o logiku věci, ty bys neměla mít v kódu label, label, label, input, input, input, ale měla bys tam mít label input, label input, label input.
|
||
Trejpa Profil |
#8 · Zasláno: 18. 1. 2008, 15:16:49
nufina
<style type="text/css"> label { display: block; padding: 0 1ex; float: left; } hr { clear: left; visibility: hidden; } </style> <form action="#"><fieldset><legend>Formulář</legend> <label for=pole1>Popisek pole 1<br><input id=pole1 name=pole1></label> <label for=pole2>Popisek pole 2<br><input id=pole2 name=pole2></label> <label for=pole3>Popisek pole 3<br><input id=pole3 name=pole3></label> <hr></fieldset></form> |
||
habendorf Profil |
#9 · Zasláno: 18. 1. 2008, 16:46:09
Trejpa
Tohle cpaní inputů do labelů se mi vůbec nelíbí. |
||
Trejpa Profil |
#10 · Zasláno: 18. 1. 2008, 17:01:27
habendorf
Mě se to líbí. Píší o tom tady: http://www.w3.org/TR/REC-html40/interact/forms.html#edef-LABEL Všechny prohlížeče to podporují. Jen v IE6 label bez odkazu (FOR a ID) neumožní kliknutím aktivovat vložený input. |
||
nufina Profil * |
#11 · Zasláno: 18. 1. 2008, 17:03:12
Tak tabulka se osvědčila. Pochopitelně v ní mám label, label, label a input, input, input, protože to jsou 2 řádky.
Díky za odpovědi. |
||
nufina Profil * |
#12 · Zasláno: 18. 1. 2008, 17:08:29
Trejpa
Vyzkouším to. Díky. |
||
habendorf Profil |
#13 · Zasláno: 18. 1. 2008, 18:36:23
nufina
Pochopitelně v ní mám label, label, label a input, input, input, protože to jsou 2 řádky. Když chceš, dělej to blbě, ani nevím proč se namáhám. Tabulka má dávat smysl čtena po řádcích, což tobě absolutně nedává. Fakt je problém udělat <tr> <td> <label>aaa</label> <input> </td> <td> <label>aaa</label> <input> </td> ...? Ale končím, když chce někdo poradit, musí být schopen nechat si poradit. A to ty zjevně nejsi. |
||
Časová prodleva: 16 let
|
0