Mmats47Medlem sedan mars 2009185 inlägg Frågan#1 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
TThe_HulkMedlem sedan juni 20031 837 inlägg 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.
Mmats47Medlem sedan mars 2009185 inlägg 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.
TThe_HulkMedlem sedan juni 20031 837 inlägg Om det är löst så markera gärna något svart som slutgiltigt svar.
Vilka webbläsare stödjer funktionaliteten du använder?
