7 svar · 493 visningar · startad av tj2000
hej jag har ett problem då jag har utformat en webbsida och använt bilder som länkar i menyn. bilderna ändras när man har muspekaren över detta funkar felfritt i opera och firefox men funkar inte i ie då bilden ändras men är inte längre än länk utan bara en bild vilket gör det omöjligt att ta sig vidare på sidan här har ni koden jag använder:
<a href="index.html"><div id="box6"><img src="img/hemon.png" onmouseover="this.src='img/hemh.png'" onmouseout="this.src='img/hemon.png'" border="0px"></div></a>
skulle vara väldigt roligt att få svar så snarast som möjligt
koden fungera i min IE6, IE7, Opera, Firefox. Men jag hade nog gjort allt detta du gör i CSS helt och hållet:
<style type="text/css">
<!--
a#box6 {
display: block;
background: url('img/hemon.png');
height: 16px;
width: 16px;
text-indent: -9999px;
}
a#box6:hover {
background: url('img/hemh.png');
}
//-->
</style>
Och med HTML koden:
<a href="index.html" id="box6">Startsidan</a>
(höjden och bredden får du byta så den passar din bild).
ok men vet tyvärr inte hur jag gör det tack för koden
Vad är det som inte fungera då? png transparent fungera inte så jätte bra i IE, vad använder du för doctype?
Jag redigerade mitt inlägg för att visa hur man kan normalt göra i CSS istället.
jo länkarna funkar inte men den byter bild jag använder
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
koden du har bifogat fungera så länge du har javascript aktiverat på din webbläsare. CSS löser problemet + ge dig mindre HTML kod.
ok tack ska testa det
tack igen koden funkade perfekt :e