www.css-voorbeelden.nl

Beste Goeroe,

Bij het zoeken naar een dropdown_menu ben ik weer op jouw css-voorbeelden beland.
Jouw voorbeeld heb ik gebruikt, zie: https://www.css-voorbeelden.nl/menu/dyn ... u-066.html.

In de css heb ik enkele kleuren gewijzigd, zie mijn voorbeeld in jpg-bestand (bijlage toegevoegd).
Maar nu stuit ik op een probleem: bij de hover op het 2e niveau menu zou het lettertype in goudgele kleur moeten veranderen.
De box/balk is goed maar het lettertype zou moeten veranderen. En dit kan ik niet voor elkaar krijgen: !!

Ik zou het zeer waarderen wanneer je mij hieruit wilt helpen.

Bvd en gr
Naomi

Hallo,

Dat is waarschijnlijk niet al te moeilijk.
Ergens in de css staat (bij mij, ik weet niet wat jij hebt veranderd) De links krijgen hier een zwarte letterkleur, in plaats van de standaardkleuren van een link.
Als je dat bij hoveren wilt veranderen, hoef je alleen maar de volgende regel toe te voegen aan de css:
Als je over een <li> hovert, doe dan iets met de <a> daarin, maar alleen als je ook over die <a> hovert. In dit geval: rood kleuren. Moet bij jou dus 'n andere kleur zijn. Nu verandert alleen de tekstkleur in de link waarover je hovert.
Ik heb het niet uitgebreid getest, maar dit zou overal moeten werken. Behalve op touchscreens. Wat me op 'n ander iets brengt.

Zoals zoveel op deze site, is dit nog niet aangepast voor touchscreens. Die steeds vaker worden gebruikt. Op Android werkt het, op iOS (iPad en iPhone) doet het helemaal niets: het menu opent gewoon niet. Omdat Apple nogal veel wordt gebruikt, is dat mogelijk 'n probleem. Er is 'n simpele oplossing. Dat maakt het menu niet perfect, maar in ieder geval opent het dan op Android en iOS, de twee meest gebruikte mobiele systemen in Nederland.
Overal waar :hover wordt gebruikt, moet je in de html toevoegen: Dat is 'n heel klein stukje JavaScript, wat ervoor zorg dat iOS het submenu opent. Normaal genomen is JavaScript in de html hartstikke verkeerd, maar dit stukje doet eigenlijk helemaal niets, het zorgt er alleen voor dat het menu op 'n aanraking gaat reageren.
In dit menu moet dit overal komen waar 'n <ul> binnen 'n <li> staat. Dat is waar in het voorbeeld 'Knop 1', 'Knop 2', enz. staan.
Die regel wordt dan in de html: Net zo bij Knop 2, enz.

Succes!

Beste Goeroe,

Hahahaha ...zo simpel & het werkt
Eigenlijk zou ik het zelf moeten uitvinden.
Desondanks mijn hartelijke dank!!

Ik had dit toegevoegd: li a: hover...duh...

Ik ben aan het experimenteren en ben echt te lang mee bezig.
Ik moet eigenlijk pauze inlassen, maar doe het niet!!
Soms heb ik een nachtje slaap nodig om dan de fouten te ontdekken !!

En dank voor jouw tip!

Tot de volgende keer en gr
Naomi

Graag gedaan. En te lang bezig, hmmm, tja, dat doe ik nóóóóít...

Je kunt meer lettertypen downloaden vanaf https://dafont.style/. Dan kun je de kleur veranderen en een nieuwe aantrekkelijke uitstraling geven aan je apparaat of project. Da Font is de gratis en open source lettertypeaanbieder voor het publiek.