---
title: "Länkar en hel div och dess innehåll"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/121560-länkar-en-hel-div-och-dess-innehåll"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "joel_sundkvist"
published: "2005-02-02T11:14:31.000Z"
updated: "2005-02-02T14:45:54.000Z"
replies: 4
views: 443
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/121560-länkar-en-hel-div-och-dess-innehåll"
---

# Länkar en hel div och dess innehåll

## #1 — joel_sundkvist, 2005-02-02T11:14Z

Hej, 

Någon som vet hur man länkar en hel div med innehållande blocktaggar men skapar illusionen av att diven "är länken"? 

har följande kod:

```
<div class="lankar">
<h1><a href="#">1</a></h1> <!-- Float höger -->
<p><a href="#"><img src="bild.gif" alt="bild" />
<br />text</a></p>
</div>
```

```
div.lankar {
margin: 10px 20px;
padding: 10px 0 0 0;
background: #eee;
border:1px dashed transparent;
}

div.lankar:hover {
margin: 10px 20px;
background: #f2f2f2;
padding: 10px 0 0 0;
border:1px dashed #ddd;
}

div.lankar a{
width: 100%;
display: block;
}

div.lankar h1{
float: right;
width: 50px;
padding: 25px 0 15px 10px;
color:#A13E1F;
font-size: 250%;
}
```

Hur kan jag forma markupen så att hela diven blir "en länk". Vill absolut använda mig av h1 (ej span etc) eftersom det är mest semantiskt korrekt i sammanhanget. 

Anväder hover på "lankar-diven" vilket naturligtvis inte funkar i MSIE. Finns det någon crossbrowserlösning. Har för mig att jag läst något om någon .htc fil. Några tips?

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

## #2 — zcorpan, 2005-02-02T11:33Z

Japp, det går......... i XHTML 2.0... ;) (\<div href="#"\>...\</div\>)

Tills vidare får du använda flera länkar. Dock kan du använda tex: 

```
div:hover { background: yellow; }
div:hover a { color: red; }
```

 För IE behöver vi nog använda lite JavaScript för hover-effekten.

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

## #3 — joel_sundkvist, 2005-02-02T11:51Z

Okej, det var som jag misstänkte... ;)

Du har inget tips på javascript som löser detta för MSIE?

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

## #4 — martin, 2005-02-02T14:15Z

En modifierad sfhover-funktion från sugfisk-dropdownen (rätt långt ner här: <http://www.htmldog.com/articles/suckerfish/dropdowns/> ) är mitt förslag. Snyggt och inget javaskript i taggarna.

/ m a r t i n

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

## #5 — joel_sundkvist, 2005-02-02T14:45Z

Undersöker detta!

Tack för tipset!  :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/121560-länkar-en-hel-div-och-dess-innehåll