Autor Zpráva
nufina
Profil *
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
Protože label je inline element. Takže kdyžtak display:block;
nufina
Profil *
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
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 *
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
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
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
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
Trejpa
Tohle cpaní inputů do labelů se mi vůbec nelíbí.
Trejpa
Profil
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 *
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 *
Trejpa
Vyzkouším to. Díky.
habendorf
Profil
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.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: