Avaleht
uus teema   vasta Tarkvara »  WWW »  css abi - form elemendid üksteise alla, sama ühte ritta märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
toomasy
HV kasutaja
toomasy

liitunud: 26.12.2003



Autoriseeritud ID-kaardiga

sõnum 31.03.2010 17:13:13 css abi - form elemendid üksteise alla, sama ühte ritta vasta tsitaadiga

Soov oleks aru/teada saada, mis moodi saab css form elemendid üksteise alla, sama ühte ritta.
Välja näeks nii:


Hetkel <div> elemendiga "sidusin" <label> ja <input> elemendi kokku ja siis css floatisin <div> elemendi vasakule. Mis hetkel kuidagi ei tundu parem olevat tabelist.

Ette tänades
Toomas


viimati muutis toomasy 01.04.2010 09:30:19, muudetud 1 kord
Kommentaarid: 38 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 37
tagasi üles
vaata kasutaja infot saada privaatsõnum
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006




sõnum 31.03.2010 18:01:54 vasta tsitaadiga

Kui asi on lihtsalt põhimõttes, et kuidas nii teha div jms. abil, siis küll, kuid tabeli jaoks on ikkagi kõige mõistlikum table tag kasutada.
_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
toomasy
HV kasutaja
toomasy

liitunud: 26.12.2003



Autoriseeritud ID-kaardiga

sõnum 31.03.2010 22:28:39 vasta tsitaadiga

Mind just huvitab, et kuidas asja lahendada kasutades ainult <label> ja <input> elemente ning kujundada css-ga.
Kommentaarid: 38 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 37
tagasi üles
vaata kasutaja infot saada privaatsõnum
Montecito
HV kasutaja
Montecito

liitunud: 02.12.2001




sõnum 01.04.2010 11:42:36 vasta tsitaadiga

Kas nii ?

<style>
label {float:left;margin-left:10px;}
.input {float:left; display:block;}
</style>
<form>
<label>
Something
<br /><input class="input" type="text" name="midagi1" />
</label>
<label>
Something2
<br /><input class="input" type="text" name="midagi2" />
</label>
</form>
Kommentaarid: 13 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 12
tagasi üles
vaata kasutaja infot saada privaatsõnum
toomasy
HV kasutaja
toomasy

liitunud: 26.12.2003



Autoriseeritud ID-kaardiga

sõnum 01.04.2010 16:03:56 vasta tsitaadiga

Tänud, just seda ma mõtlesingi. Mu viga oli, see et kasutasin <label for=mingi>. Selle peale ma ei tulnud, et <label> elemendi sisse <input> panna.

Veelkord tänud! icon_smile.gif
Kommentaarid: 38 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 37
tagasi üles
vaata kasutaja infot saada privaatsõnum
XD
HV kasutaja
XD

liitunud: 12.01.2006



Autoriseeritud ID-kaardiga

sõnum 06.04.2010 17:09:25 vasta tsitaadiga

Input kohe kindlasti mitte ei käi labeli sisse.

Kuidas ilusaid accessible vorme teha.
http://www.usability.com.au/resources/forms.cfm

_________________
"Kui inimene ei ole rahul tarkvaraga, siis on probleem tõenäoliselt inimeses" M.J.
Kommentaarid: 35 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 29
tagasi üles
vaata kasutaja infot saada privaatsõnum
wk
HV vaatleja

liitunud: 22.05.2007




sõnum 06.04.2010 21:31:22 vasta tsitaadiga

XD kirjutas:
Input kohe kindlasti mitte ei käi labeli sisse.

Sellepärast, et?

_________________
Kõike hääd,
WK
Kommentaarid: 8 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum
mikk36
HV Guru
mikk36

liitunud: 21.02.2004




sõnum 07.04.2010 08:46:01 vasta tsitaadiga

Input võib käia label elemendi sees, ka w3.org lehel on selline näide olemas.
Forms in HTML documents kirjutas:
To associate a label with another control implicitly, the control element must be within the contents of the LABEL element. In this case, the LABEL may only contain one control element. The label itself may be positioned before or after the associated control.

In this example, we implicitly associate two labels with two text input controls:
html:
  1. <FORM action="..." method="post">
  2.    First Name
  3.    <INPUT type="text" name="firstname">
  4. </LABEL>
  5.    <INPUT type="text" name="lastname">
  6.    Last Name
  7. </LABEL>
  8. </P>
  9. </FORM>
  10.  
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  css abi - form elemendid üksteise alla, sama ühte ritta
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.