---
title: "label problem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/179178-label-problem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "mats47"
published: "2009-06-30T10:42:16.000Z"
updated: "2009-07-01T06:14:18.000Z"
replies: 4
views: 459
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/179178-label-problem"
---

# label problem

## #1 — mats47, 2009-06-30T10:42Z

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

Permalänk: https://www.webforum.nu/p/179178

## #2 — The_Hulk, 2009-06-30T11:24Z

```
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.

Permalänk: https://www.webforum.nu/p/2191842

## #3 — mats47, 2009-06-30T11:34Z

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

Permalänk: https://www.webforum.nu/p/2191843

## #4 — voigtann1, 2009-06-30T11:37Z

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.

Permalänk: https://www.webforum.nu/p/2191844

## #5 — The_Hulk, 2009-07-01T06:14Z

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

Permalänk: https://www.webforum.nu/p/2191915

---

Tråden på webben: https://www.webforum.nu/amne/html-css/179178-label-problem