Menu actieve pagina met background image

  • j.lanting

    (@jlanting)


    12 jaren, 1 maand geleden

    Hallo,

    Ik heb een menuutje, en ik wil dat er een pijltje onder het menu-item komt als je op de betreffende pagina bent. Maar ik zit met het volgende probleem.

    Als ik het pijltje als achtergrond image van de knop doe, dan wordt de knop hoger, omdat de pijl eronder moet. Maar de knop heeft ook een achtergrond kleur en rondje hoekjes, dus dan wordt de knop ook groter en dat is niet de bedoeling.
    Weet iemand hoe ik dit kan oplossen?

    Hierbij een linkje naar een printscreen voor de beeldvorming.

    Dank alvast!

    Groet,

    Jantine

1 reactie aan het bekijken (van in totaal 1)
  • kwalizorg.nl

    (@kwalizorgnl)

    12 jaren, 1 maand geleden

    Dit is een gokje..
    Wat als je de pijl op een transparante ondergrond plaatst [bv.pijl.png]?

    Simpeler is wellicht de achtergrondkleur, de textkleur, of onderstreping voor een actieve menu-item te veranderen.
    Natuurlijk kan je ook de afbeelding van het menu-item veranderen als je met de muis erboven staat / aangeklikt wordt.

    Hieronder een voorbeeld de code heeft een VASTE volgorde!!

    /*vaste volgorde links */
a:link {
	color: #663B18;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #663B18;
}
a:hover {
	text-decoration: underline;
	color: #AE833E;
}
a:active {
	text-decoration: none;
        background: url(images/knopmetpijl.png) repeat:none;
	color: #663B18;
}
/* >> */

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Menu actieve pagina met background image’ is gesloten voor nieuwe reacties.