webForumDet fria alternativet
Logga in / Bli medlem

Css och inmatningsformulär

HTML & CSS

1 svar · 202 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/

262 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
131 ms — ändringar (db)