Bonjour !
Je vous expose mon pb: j'aimerais faire un menu horizontal d'images en rollover css.
Voilà ce que j'ai fait pour l'instant:
CSS:
HTML:
Comment faire pour aligner horizontalement ces images ? Car elles sont l'une au dessus de l'autre... Je pense que c'est à cause de l'attribut display:block...
Pour afficher un aperçu du pb, voir ici (menu du haut): http://www.etsimsversa.fr/portail/
Merci d'avance de la réponse !
Modifié par chteuchteu (01 Jul 2008 - 10:24)
Je vous expose mon pb: j'aimerais faire un menu horizontal d'images en rollover css.
Voilà ce que j'ai fait pour l'instant:
CSS:
a.menuhaut1 { display: block; width: 98px; height: 38px; background-image: url('http://www.etsimsversa.fr/portail/images/menu1on.png') }
a.menuhaut1:hover { visibility: visible }
a.menuhaut1:hover img { visibility: hidden }
a.menuhaut2 { display: block; width: 92px; height: 38px; background-image: url('http://www.etsimsversa.fr/portail/images/menu2on.png') }
a.menuhaut2:hover { visibility: visible }
a.menuhaut2:hover img { visibility: hidden }
a.menuhaut3 { display: block; width: 112px; height: 38px; background-image: url('http://www.etsimsversa.fr/portail/images/menu3on.png') }
a.menuhaut3:hover { visibility: visible }
a.menuhaut3:hover img { visibility: hidden }
a.menuhaut4 { display: block; width: 99px; height: 38px; background-image: url('http://www.etsimsversa.fr/portail/images/menu4on.png') }
a.menuhaut4:hover { visibility: visible }
a.menuhaut4:hover img { visibility: hidden }
HTML:
<a class="menuhaut1" href="#"><img border="0" src="http://www.etsimsversa.fr/portail/images/menu1.png"></a>
<a class="menuhaut2" href="#"><img border="0" src="http://www.etsimsversa.fr/portail/images/menu2.png"></a>
<a class="menuhaut3" href="#"><img border="0" src="http://www.etsimsversa.fr/portail/images/menu3.png"></a>
<a class="menuhaut4" href="#"><img border="0" src="http://www.etsimsversa.fr/portail/images/menu4.png"></a>
Comment faire pour aligner horizontalement ces images ? Car elles sont l'une au dessus de l'autre... Je pense que c'est à cause de l'attribut display:block...
Pour afficher un aperçu du pb, voir ici (menu du haut): http://www.etsimsversa.fr/portail/
Merci d'avance de la réponse !
Modifié par chteuchteu (01 Jul 2008 - 10:24)