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:
CSS: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>
En de url: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; }
http://alturl.com/eb2jz
- CSS Submenu blijft niet active
-
01-09-2011, 10:50 #1
- Berichten
- 190
- Lid sinds
- 18 Jaar
CSS Submenu blijft niet active
-
In de schijnwerper
Plaats permanente links en /of artikelen op zeer sterke domeinen DR27+AdvertentieruimteMuziek Lyrics Merk met 480.000 Volgers op YouTube + TikTokSocial mediaBacklinks.nl - Meer uit je website met backlinks - Voorbeeld?Website te koop(Dag)aanbieding/kortingscode website | Incl. FB Pagina 10k / nieuwsbrief 13K abboneesWebsite te koop -
01-09-2011, 10:58 #2
- Berichten
- 660
- Lid sinds
- 17 Jaar
Re: CSS Submenu blijft niet active
Zou je even de url kunnen controleren, deze werkt nu niet. Dan kan ik sneller het probleem zien.
-
01-09-2011, 10:59 #3
- Berichten
- 190
- Lid sinds
- 18 Jaar
Re: CSS Submenu blijft niet active
-
01-09-2011, 11:03 #4
- Berichten
- 451
- Lid sinds
- 13 Jaar
Re: CSS Submenu blijft niet active
Probeer eens li:hover i.p.v. a:hover
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic