Css och inmatningsformulär

HTML & CSS

1 svar · 213 visningar · startad av Jaar

Medlem sedan juli 2001434 inlägg
Trådstart#1

Har en bit kod här

<div class="row">
<div class="text">Namn</div>
<div class="field"><input type="text" name="name"></div>
</div>
<div class="row">
<div class="text">Kön</div>
<div class="field"><select name="gender">
<option value="">VÄLJ!</option>
<option value="M">Man</option>
<option value="F">Kvinna</option>
<option value="C">Barn</option>
</select></div>
</div>
<div class="row">
<div class="text">Ålder</div>
<div class="field"><input type="text" name="age"></div>
</div>

Grejjen är att det inte blir riktigt bra.
JAg har följande css kod:

.row {
}

.row .text {
	float: left; 
	font-weight : bold;
	vertical-align: middle;
}

.row .field {
	margin-left: 90px;
}

Är detta ett tillfälle att använda mig av tabeller istället? Det jag försöker med är att komma undan från tabellerna och få till sidan med css istället och göra det på rätt (tm) sätt

Medlem sedan jan. 200214 inlägg
#2

Tjenare,

Ta en titt här:
http://illuminosity.net/thoughts/archives/styling_forms/

269 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
142 ms — deklarationer (db)
0 ms — hämta statistik (cache)
124 ms — hämta tråd, inlägg och bilagor (db)
133 ms — ändringar (db)