28172 sujets

CSS et mise en forme, CSS3

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:
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)
C'est bon j'ai résolu mon problème: j'ai créé un tableau avec une ligne et X colonnes (X étant le nombre d'images ayant l'attribut block).
J'ai tout simplement mis mes images dans mon tableau et le tour était joué.