Apart probleem - html/css

**Yerney Beuker** · 21-02-2011, 07:27

Hallo Sitedeals pro's!

Ik heb een klein probleempje met een " menu " dat ik heb gemaakt.
Als je rechts van contact gaat staan, word home weer actief, en dat hoort niet..
Nu kan ik alleen niet vinden waar precies het probleem zit.

voorbeeld:
www.yerneygfx.nl/probleem.html

code:

Code:

 
 
CSS:
<style type="text/css">
 
/* Menu */
 
#MenuContainer {
 margin: 0 auto;
 width: 700px;
 height: 30px;
 margin-top: 30px;
 text-align: center;
}
 
.menuitem {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 14px;
 color:#7b8591;
 text-decoration:none;
}
 
a.menuitem:hover {
 color:#FFF;
}
 
a.menuitem {  /* rondje voor een menuitem */
display:inline-block;
padding-left:14px;
background: transparent url(images/menurond.png) no-repeat center left;
}
 
</style>
</head>
 
HTML:
<body bgcolor="#000">
<div id="MenuContainer">
<a href="index.html" class="menuitem">Home</a>
<a href="producten.html" class="menuitem">Producten</a>
<a href="informatiebladen.html" class="menuitem">Informatiebladen</a>
<a href="veiligheidsbladen.html" class="menuitem">Veiligheidsbladen</a>
<a href="http://www.moton-automotive.com/webshop" target="_blank" class="menuitem">Webshop</a>
<a href="contact.php" class="menuitem">Contact</a>
</div>
</body>

**Marcel van Vrouwerf** · 21-02-2011, 07:59

Sorry, maar in dit voorbeeld zie ik géén class voor actieve (niet te verwarren met a:active, maar dat wist je waarschijnlijk wel) items en is er ook geen werkend voorbeeld. (je hebt probleem.html, maar die staat niet in het menu, daar waar de andere links "useless" zijn...)

**Yerney Beuker** · 21-02-2011, 08:02

Nou de links hoeven in dit geval ook niet te werken, maar als je met je cursor rechts van contact gaat staan, word home gehovered. En dat klopt gewoon niet en vraag me af waardoor het komt.

**Marcel van Vrouwerf** · 21-02-2011, 08:09

Ik kan het probleem niet reproduceren...

Geen verkeerde hover waar dan ook; alles doet het prima in:
Firefox, Opera, Chrome, Safari, IE6.

**Yerney Beuker** · 21-02-2011, 08:11

Ik zal het eens testen met andere browsers, bedankt!
Aanvullend bericht:
Oke, het probleem komt niet voor met Firefox, blijkbaar alleen dus met IE 8..
Raar :P

**Tjerk de Heer** · 21-02-2011, 08:27

Ik zie het ook in IE8. Als ik een float: left op .menuitem zet wordt het opgelost, de positionering verandert dan wat dus dit zal je weer even opnieuw moeten herstellen.

Apart probleem - html/css