snygga till formuläret

A List Apart har ett tips du kanske kan använda, längst ner på sidan.

tack, det fungerade :D, men det blev ett annat litet fel. se bild.
Den understa rutan hamnar under ramen. Varför gör den det? Koden är validerad enligt strict. Det är dock bara i FF som den hamnar utanför, IE 6 fungerar det. Något förslag på hur jag kan lösa detta?

Krångla inte till det. Gör en tabell. ;)

<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="182">E-postadress:</td>
<td width="254"><input name="epost" type="text" maxlength="50" /></td>
</tr>
<tr>
<td>Upprepa e-postadressen:</td>
<td><input name="epost2" type="text" maxlength="50" /></td>
</tr>
<tr>
<td>Förnamn:</td>
<td><input name="fnamn" type="text" maxlength="20" /></td>
</tr>
<tr>
<td>Efternamn:</td>
<td><input name="enamn" type="text" maxlength="30" /></td>
</tr>
<tr>
<td>Gatuadress:</td>
<td><input name="adress" type="text" maxlength="30" /></td>
</tr>
<tr>
<td>Postnr:</td>
<td><input name="postnr" type="text" maxlength="6" /></td>
</tr>
<tr>
<td>Ort:</td>
<td><input name="ort" type="text" maxlength="25" /></td>
</tr>
<tr>
<td>Telefonnummer:</td>
<td><input name="tele" type="text" maxlength="15" /></td>
</tr>
<tr>
<td>Alternativt telefonnummer:</td>
<td><input name="tele2" type="text" maxlength="15" /></td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="Submit" value="Skicka" /></td>
</tr>
</table>

tack för tipset, mn jag hade tänkt klara mig utan tabellen. Måste ju kunna fixa så att det inte hamnar en utanför?

Vet inte vilken kod du använder, men <br style="clear: both;" /> löser en hel del problem ;)

tack, det hjälpte :bire

Vad är syftet med maxlength? Jag kan lätt tänka mig epostadresser som är längre än 50 tecken, och på motsvarande sätt kan de övriga fälten vara ganska långa för vissa...

(Kunde inte låta bli att slänga in type=email från WF2 också ;))

<p><label>E-postadress: <input name="epost" type="email" maxlength="50" /></label></p>
<p><label>Upprepa e-postadressen: <input name="epost2" type="email" maxlength="50" /></label></p>
<p><label>Förnamn: <input name="fnamn" type="text" maxlength="20" /></label></p>
<p><label>Efternamn: <input name="enamn" type="text" maxlength="30" /></label></p>
<p><label>Gatuadress: <input name="adress" type="text" maxlength="30" /></label></p>
<p><label>Postnr: <input name="postnr" type="text" maxlength="6" /></label></p>
<p><label>Ort: <input name="ort" type="text" maxlength="25" /></label></p>
<p><label>Telefonnummer: <input name="tele" type="text" maxlength="15" /></label></p>
<p><label>Alternativt telefonnummer: <input name="tele2" type="text" maxlength="15" /></label></p>

label input { display:block; margin:-1.5em 0 0 15em; }

lånar tråden

Jag fick se ditt inlägg zcorpan och jag ska i dag lämna in ett förslag på sida där en sökfunktion finns med, så jag lånar den här tråden... ;)
Visserligen visade du på en "Working Draft"- sida...
Men jag testade alla tre "radio"-varianterna som jag har, och alla validerar, men däremot så gillar inte WAI det, när det gäller <label> utan for="".
Så min fråga blir, vilken av dem hörs bäst? Är det något jag gjort fel?
Jag kan inte höra själv nu innan jag lämnar det ifrån mig...
Kan label finnas utanför input med for="" angiven t.ex.?
Kommer "for" tas bort i framtida versioner?
Har gjort sidan även i HTML4 Strict...

<p><label><input type="radio" id="utbildningar" name="utbildningar" value="0" />Utbildningar</label>

<label for="personal"><input  type="radio" id="personal" name="personal" value="1" />Personal</label>

<input type="radio" id="skolan" name="skolan" value="2"  checked="checked" /><label for="skolan">Skolan</label></p>

tanten skrev:

Men jag testade alla tre "radio"-varianterna som jag har, och alla validerar, men däremot så gillar inte WAI det, när det gäller <label> utan for="".

Tror det mest har att göra med att IE6 saknar stöd för <label> utan for="".

tanten skrev:

Så min fråga blir, vilken av dem hörs bäst?

Jag förstår inte frågan...

tanten skrev:

Är det något jag gjort fel?

Nej.

tanten skrev:

Kan label finnas utanför input med for="" angiven t.ex.?

Ja.

tanten skrev:

Kommer "for" tas bort i framtida versioner?

Nej.

Eftersom blinda finns på skolan så var det uppläsningen jag undrade över. Hur hittar dem rätt "radio". Har inte kollat det förut... Har de hjälp av label och for... känner mig osäker där.
Är det när input finns inne i <label> eller spelar det ingen roll?
Detta kommer från WAI

[WAI] Priority 2 accessibility issues. A Web content developer should satisfy this checkpoint. Otherwise, one or more groups will find it difficult to access information in the document. Satisfying this checkpoint will remove significant barriers to accessing Web documents.
12.4 Associate labels explicitly with their controls.

\* This label is not explicity associated with a form control (1)
\*
      o Line 19: \<label\>
\* This form control is not explicitly associated with a label. (1)
\*
      o Line 19: \<input type="radio" id="utbildningar" name="utbildningar" value="0" /\>

JätteTack för svaren :)