Hey allemaal,
Ik ben bezig met het maken van een site, en ik heb advies van jullie nodig.
Ik ben een horizontale menu aan het maken, en heb enige musts:
-De breedte van de buttons moeten dynamisch zijn. Hij moet zich aanpassen aan de tekst die er in staat.
-Hij moet meerdere lagen kunnen hebben. 2 lagen is prima (hoofdlaag, 2e laag).
-De achtergrond van de button moet veranderen bij een mouseover.
een mooi voorbeeld vind ik dit: klik! (zie de navigatie van de site zelf)
De buttons zelf zijn duidelijk aangepast aan de tekst die er in staat + de achtergrond veranderd bij mouseover.
Ik zelf zat te denken aan een only-css oplossing, waarbij je de dus de achtergrond van je button als 1 plaatje neemt, en dan bij a:hover het plaatje verschuift. Maar naar mijn weten, kun je het plaatje alleen naar links/rechts kunt schuiven, wat als gevolg heeft dat ik een statische breedt moet nemen --> geen oplossing dus.
Weet iemand een goede manier van aanpak??
Bij voorbaat dank!
Ik ben bezig met het maken van een site, en ik heb advies van jullie nodig.
Ik ben een horizontale menu aan het maken, en heb enige musts:
-De breedte van de buttons moeten dynamisch zijn. Hij moet zich aanpassen aan de tekst die er in staat.
-Hij moet meerdere lagen kunnen hebben. 2 lagen is prima (hoofdlaag, 2e laag).
-De achtergrond van de button moet veranderen bij een mouseover.
een mooi voorbeeld vind ik dit: klik! (zie de navigatie van de site zelf)
De buttons zelf zijn duidelijk aangepast aan de tekst die er in staat + de achtergrond veranderd bij mouseover.
Ik zelf zat te denken aan een only-css oplossing, waarbij je de dus de achtergrond van je button als 1 plaatje neemt, en dan bij a:hover het plaatje verschuift. Maar naar mijn weten, kun je het plaatje alleen naar links/rechts kunt schuiven, wat als gevolg heeft dat ik een statische breedt moet nemen --> geen oplossing dus.
Weet iemand een goede manier van aanpak??
Bij voorbaat dank!
