checkbox i poravnjavanje

[[nq]]

Kako da poravnam ovo ?

<label>Telefonom</label><input type="checkbox" name="Telefon" value="no"><br />
<label>E-mailom</label><input type="checkbox" name="Mail" value="no"><br /><br />
<button type="submit" name="Posalji" class="dugme">Potvrdi unos</button>

ima slika.

Edit: nadam se da vidite thumb, meni nesto ih ne pokazuje u poslednje vreme ;)

[noviKorisnik]

... deluje mi glupo da odgovorim ovako ali ... - ili stavi checkboxove ispred labela ili ravnaj desno ... (ili komplikuj :-)

[Dušan Dželebdžić]

Sa'će neki CSS master da me ubije, ali ja bih ovaj problem rešio tako što bih prvo stavio checkbox, pa label :D

nK, ote mi reč iz tastature :)

[[nq]]

pa nece ni tako, znam ja da moram da komplikujem, ali reko da ne izmisljam toplu vodu.

edit: sad kontam sta ste mislili, ja sam mislio horizontalno da ih ravnam. :)

[Ilija Studen]

Komplikovanje, ali:

* plutaj labelu levo sa fiksnom širinom od recimo 100px
* checkbox stavi unutar bloka koji ima levu marginu 105px
* postaraj se da fino čistiš plutanja

Mada, ne vidim preterano smisla u tome. Uvek mi je logično da je checkbox levo od labele, ne desno.

[[nq]]

zelim da izravnam tekst sa crvenom linijom.

[Ilija Studen]

Da, firefox ima tu ružnu naviku da labele pomeri malo nadole. Samo im stavi top: -1 ili -2px. Ne zaboravi da resetuješ za druge browsere.

[bluesman]

plutaj? :)

[noviKorisnik]

vertical-align: middle za checkboxove

[[nq]]

nK, Bravo!

[Alef]

Mozda potpuno promašujem poentu i blasfemišem ali:


<table>
<tbody>
<tr>
<td><label>Telefonom</label></td>
<td><input type="checkbox" name="Telefon" value="no"></td>
</tr>
<tr>
<td><label>E-mailom</label></td>
<td><input type="checkbox" name="Mail" value="no"></td>
</tr>
<tbody>
</table>