4 svar · 437 visningar · startad av joel_sundkvist
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?
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.
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
