CSS Submenu blijft niet active

**Youri v/d Bogert** · 01-09-2011, 10:50

Goede morgen, bijna middag inmiddels.

Ik heb een menu gemaakt, met een extra submenu die valt in een li-item. Het submenutje werkt gewoon normaal, alleen blijft de li niet active zodra ik over de submenu ga, en dit wil ik wel.

Het menu code staat hieronder, met de CSS volgend.

HTML:

Code:

      <ul>
        <li class="home"><a href="#">Home</a></li>
        <li class="grafisch"><a href="#">Grafisch vormgeven</a></li>
        <li class="illustratie"><a href="#">Illustratie</a></li>
        <li class="galerij"><a href="#">Galerij</a>
        
          <ul class="submenu">
            <li><a href="#">Helmen</a></li>
            <li><a href="#">Scooters</a></li>
            <li><a href="#">Airbrush</a></li>
          </ul>
        
        </li>
        <li class="last"><a href="#">Contact</a></li>
      </ul>

CSS:

Code:

#nav a { text-decoration: none; }
#nav { margin-top: -5px; margin-bottom:-5px; font-size:1.4em; color:#fff; background: url("../img/top.jpg") no-repeat; height:31px; padding-top:13px; }
#nav ul { list-style: none; margin:0; padding:0; }
#nav ul li a { float:left; text-align:center; border-right:1px solid #fff; height:31px; margin-top:-10px; padding-top:5px; }
#nav ul li a:hover { background: #23043c; }
#nav ul li a:active  { background: #23043c; }
#nav ul li.last a { border:none; width:177px; margin-top:-31px;}
#nav ul li.home a { width:177px; }
#nav ul li.grafisch a { width:190px; }
#nav ul li.illustratie a { width:177px; }
#nav ul li.galerij a { width:177px; }
#nav ul li ul { visibility: hidden; width:177px; padding:0; position:absolute; background:#23043c; margin:5px 0px 0px 547px;padding:10px 0 0 0; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;  -webkit-border-bottom-right-radius: 10px; }
#nav ul li:hover ul { visibility: visible; border:none; } 
#nav ul li:hover ul li a { border:none; }
#nav ul li:hover ul li a:hover { background:none; }

En de url:

http://alturl.com/eb2jz

**Lodewijk d.V.** · 01-09-2011, 10:58

Zou je even de url kunnen controleren, deze werkt nu niet. Dan kan ik sneller het probleem zien.

**Youri v/d Bogert** · 01-09-2011, 10:59

Origineel gepost door Lodewijk d.V.

Zou je even de url kunnen controleren, deze werkt nu niet. Dan kan ik sneller het probleem zien.

http://bit.ly/nVTRrX

**Marcel van Vrouwerf** · 01-09-2011, 11:03

Probeer eens li:hover i.p.v. a:hover

CSS Submenu blijft niet active