Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

background color hover

boelieboelie
4 antwoorden
  • Hallo,

    Op mijn website wil ik graag de achtergrondkleur laten veranderen als je met de muis over een item in het hoofdmenu gaat. Nu is het nog zo dat alleen de link wit wordt, maar ik wil graag dat de achtergrondkleur verandert (en dan niet alleen precies om de link heen, maar van de top naar de bodem van de balk waarin de link staat). Ik heb iets geprobeerd met display: block, maar dan gaat alles flikkeren.

    Mijn website: www.willembosma.nl
    Een voorbeeld van wat ik wil: www.openoffice.org (effect hoofdmenu, achtergrond wordt wit).

    Wie wil mij helpen?

    Alvast dank.

    Willem
  • Ik denk dat je dit moet veranderen:
    [code:1:4c79ecada2]#header ul li a {color: #040645;}
    #header ul li a:hover {color: #ffffff;}
    [/code:1:4c79ecada2]
    naar:
    [code:1:4c79ecada2]#header ul li a {color: #040645; display: block;}
    #header ul li a:hover {background: #FFFFFF;}
    [/code:1:4c79ecada2]
  • Als ik dat doe, dan gaan de items in het hoofdmenu onder elkaar staan en wordt het witte vlak (achtergrond) te lang (teveel naar rechts en teveel naar links).

    Moet er dan nog iets anders ingesteld worden?
  • Probeer eens met dit:
    [code:1:0010707a6f]#header ul li a {float: left; color: #040645; display: block;} [/code:1:0010707a6f]

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.