label problem

Jag har ett problem

Jag har en checkbox som jag har ersät med två bilder, om och off, länkad med <label> det fungera jättebra

hur gör jag en annan checkbox länkad med två andra bilder?

label{margin-bottom:2px;margin-right:3px;padding-left:1.5em}
.demo label{display:block;padding:9.5em;padding-left:132px;background-position:8px center;background-repeat:no-repeat;border:0px solid #252525;clear:both;cursor:pointer}
.checked{background-color:#ffffff;background-image:url(chk1_on.png)}
.unchecked{background-color:#ffffff;background-image:url(chk1_off.png)}
.leftcol{float:left;clear:left;width:50%}
.rightcol{float:left;clear:right;width:50%}

label2{margin-bottom:2px;margin-right:3px;padding-left:1.5em}
.demo label{display:block;padding:2.5em;padding-left:32px;background-position:8px center;background-repeat:no-repeat;border:0px solid #252525;clear:both;cursor:pointer}
.checked{background-color:#ffffff;background-image:url(chk2_on.png)}
.unchecked{background-color:#ffffff;background-image:url(chk2_off.png)}
.leftcol{float:left;clear:left;width:50%}
.rightcol{float:left;clear:right;width:50%}

 <%if namnkanal < "500003" then%>
 <div class="section demo"><label for="hund"><input type=checkbox /> <img src="images/tv/<%=arrnkanal%>.gif"></label></div>
 <%else%>
 
 <div class="section demo"><label for="katt"><input type=checkbox /> <img src="images/tv/<%=arrnkanal%>.gif"></label></div>
<%end if%>

jag vill alstå läna den andra till label2, med fungera ju inte

label.ett{margin-bottom:2px;margin-right:3px;padding-left:1.5em}
.demo label.ett{display:block;padding:9.5em;padding-left:132px;background-position:8px center;background-repeat:no-repeat;border:0px solid #252525;clear:both;cursor:pointer}
.checked{background-color:#ffffff;background-image:url(chk1_on.png)}
.unchecked{background-color:#ffffff;background-image:url(chk1_off.png)}
.leftcol{float:left;clear:left;width:50%}
.rightcol{float:left;clear:right;width:50%}

label.tva{margin-bottom:2px;margin-right:3px;padding-left:1.5em}
.demo label.tva{display:block;padding:2.5em;padding-left:32px;background-position:8px center;background-repeat:no-repeat;border:0px solid #252525;clear:both;cursor:pointer}
.checked{background-color:#ffffff;background-image:url(chk2_on.png)}
.unchecked{background-color:#ffffff;background-image:url(chk2_off.png)}
.leftcol{float:left;clear:left;width:50%}
.rightcol{float:left;clear:right;width:50%}

 <%if namnkanal < "500003" then%>
 <div class="section demo"><label class="ett" for="hund"><input type=checkbox /> <img src="images/tv/<%=arrnkanal%>.gif"></label></div>
 <%else%>
 
 <div class="section demo"><label class="tva" for="katt"><input type=checkbox /> <img src="images/tv/<%=arrnkanal%>.gif"></label></div>
<%end if%>

Fungerar det?

Vilken webbläsare använder du?
Jag testade i några olika men fick ingenting att fungera.

det fungade när jag satte ditt .tva och .ett på varje rad

Som du skriver

label2 {}

pekar på ett html element som heter label2, men det har du inte, du har en label med en klass som heter tva eller ett.

Om det är löst så markera gärna något svart som slutgiltigt svar.
Vilka webbläsare stödjer funktionaliteten du använder?