Meerdere onmouseover knoppen

**Sjorsie!** · 29-03-2011, 13:25

Beste SD'-ers!

Graag jullie hulp! Met de volgende eenvoudige code probeer ik meerdere onmouseovers te realiseren. In IE werkt dit naar mijn weten goed, in Chrome lijkt de knop wel 'overgevoelig'.

Iemand suggesties/oplossing? (link staat onderaan)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

* html a:hover{visibility:visible}

.mouseover
{
width:100px;
height:100px;
background-image:url(SD/b.jpg);
}

.mouseover a:hover img {visibility:hidden;}

.mouseover1
{
width:100px;
height:100px;
background-image:url(SD/d.jpg);
}

.mouseover1 a:hover img {visibility:hidden;}
</style>
</head>
<body>

<div class="mouseover"><a href="http://www.nu.nl"><img border="0" src="SD/a.jpg"></a></img></div>

<BR>

<div class="mouseover1"><a href="http://www.nu.nl"><img border="0" src="SD/c.jpg"></a></img></div>

</body>
</html>

Zie hier: http://tinyurl.com/676nb34

Alvast bedankt!

**Peter W.** · 29-03-2011, 18:11

Fout gelezen.

**Roger Kok** · 30-03-2011, 14:52

Uhhm dit is html/css,

Vraagje, wat bedoel je precies met overgevoelig? en wat gaat het precies hoveren?
Aanvullend bericht:
ahh Ik heb al een foutje gevonden, niet zeker of dat ermee te maken heeft,

moet

Je liet de img en de a href door elkaar heen lopen, dat hoort niet :p

En als ik het zo goed zie klopt het dat je plaatje moet verdwijnen als je over een "a" hovert?

ps. Het is ook makkelijk om je <img> </img> gewoon meteen af te sluiten <img />
en break gaat bij strict <br /> al weet ik niet of dat je intentie is ^^.

dan zou het zo worden:

Mvg, Roger

**Sjorsie!** · 03-04-2011, 23:11

Bedankt voor de hulp. Het probleem is reeds verholpen!

Meerdere onmouseover knoppen