WN - Div funkar här men inte där?

Sidan 2 av 2

Visa 40 inlägg från det här ämnet på en sida

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Div funkar här men inte där? (https://www.wn.se/forum/showthread.php?t=35197)

Anton

2009-02-17 21:14

Ditt första mysterium kan bero på att du inte har ett element med id="shopcart" runt exempelkoden du klistrade in här.

Att ha ett label-element runt sitt formulärelement är helt ok (du måste inte ha for-attributet) men vitsen försvinner lite i ditt fall eftersom du inte även inkluderar texten (t ex "Your rating").

HMH	2009-02-17 23:06

Även om det nu är tillåtet att "wrappa" formulärelement med label så är det enligt uppgift inte tillrådigt då det skapar problem för t ex screen readers. Se http://green-beast.com/blog/?p=254

Märk väl att det i IE7 inte heller går att klicka på en wrappad label för att sätta fokus till det berörda formulärelementet om for-attributet inte är satt.

dAEk	2009-02-17 23:33

Citat:

Originally posted by HMH@Feb 18 2009, 00:06
Även om det nu är tillåtet att "wrappa" formulärelement med label så är det enligt uppgift inte tillrådigt då det skapar problem för t ex screen readers. Sehttp://green-beast.com/blog/?p=254

Crap. Jag brukar använda mig av hybridmodellen, dvs både uttryckligen associera labelen med formulärkontrollen och kapsla in det inom labelnoden. Exempelvis:

Kod:

<label for="email">

        <span>E-post</span>

        

        <input type="text" name="email" id="email">

</label>

Hade för mig att det var dåligt men har inte brytt mig om att kolla upp det så tack för länken!

Chidori

2009-02-18 02:02

Någon som har en bra länk om labels så man kan läsa på?

martine

2009-02-18 13:00

Med tanke på hur grötig koden var skulle du nog behöva en generell länk om semantisk html i största allmänhet.

Det viktiga (som du har missat) med label-elementet är att det innehåller texten som beskriver vad som ska anges i input/select-elementet och hänvisar till vilket input/select-element det gäller antingen med attributet for eller genom att innesluta både input/select-elementet och beskrivningstexten.

Chidori

2009-02-18 22:43

Citat:

Originally posted by martine@Feb 18 2009, 14:00
Med tanke på hur grötig koden var skulle du nog behöva en generell länk om semantisk html i största allmänhet.

Det viktiga (som du har missat) med label-elementet är att det innehåller texten som beskriver vad som ska anges i input/select-elementet och hänvisar till vilket input/select-element det gäller antingen med attributet for eller genom att innesluta både input/select-elementet och beskrivningstexten.

Är inte detta något programmeraren gör?

allstars

2009-02-19 15:32

En designer kan för den delen också göra markup.
Beror på hur rollerna är tilldelade på arbetsplatsen (i projektet) eller hur kunnig designern är.

Alla tider är GMT +2. Klockan är nu 08:48.

Sidan 2 av 2

Visa 40 inlägg från det här ämnet på en sida