Parent highlighted

Door Chris van Adrichem op 19-04-2014 19:36

1.030 views

Bij deze alvast mijn excuses als ik dit fout hebt geplaatst, ik ben nieuw op dit forum.

Ik ben bezig met een website en het is de bedoeling dat een parent menu item geselecteerd blijft als je een child menu item hebt aangeklikt. Ik heb meerdere tutorials gevolgd maar kom er niet uit!

Ik ben er achter gekomen dat dit bij de hover moet worden aangepast maar ik heb geen idee hoe. Het gaat om dit stukje code:

#nav li a:hover {
background: #8DC5D6;
border: 0;
color: #111;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

#nav ul li.current_page_item a {
background: #8DC5D6;
color: #333;

----------------------------------

Alvast bedankt!

Donny Wie weet

19-04-2014 19:46

Kijk is naar jQuery, daar kan je een hoop mee doen. Google ook eens voor 'mega menu tutorials HTML & CSS'

Chris van Adrichem

19-04-2014 20:43

Het is al gelukt, kan gesloten worden.

Wouter J

19-04-2014 23:09

[tab]Modmelding
Hallo Chris, goed dat je een oplossing hebt gevonden! Zou je deze misschien met ons willen delen, zodat toekomstige bezoeker er ook wat aan hebben? Bedankt!
En het sluiten van topics doen we nooit, tenzij een topic tegen de forumregels ingaat. Hij zakt vanzelf weg van het recente topics lijstje.[/tab]

Chris van Adrichem

19-04-2014 23:12 gewijzigd op 19-04-2014 23:15

Het kwam erop neer dat dit moest worden toegevoegd

#nav li a:hover,
#nav li.current-menu-item a,
#nav li.current-menu-ancestor a {
background: #fff;
	color: #333;
	border-top-left-radius: 0px;
        border-top-right-radius: 10px;
}

Ik heb dit echter zelf niet gedaan dus kan er geen verklaring voor geven.

Reageren

Inloggen om te reageren