Problème menu portes coulissantes

bonjour à tous j'ai 2 petits problèmes avec cette technique de rollover:

- sur ie il m'affiche les 2 états
- tout les boutons doivent avoir la même largeur, il y t'il moyen de faire autrement? avec des boutons de largeur différentes.

voici l'adresse de la page avec le menu ce sera plus parlant.

Merci pour votre aide
Modifié par gforce (23 May 2006 - 09:51)

Bonjour,

#menutop {
	[#orange]height: 13px;[/#]
	margin: 100px 0px 0px 80px;
	clear: both;
	background: url(menu.gif) top left no-repeat ;
	width: 500px;
}

Sous IE, height signifie min-height (hauteur minimale) et il agrandit les éléments en fonction de leur contenu.
Pour éviter ça ici :

#menutop {
	height: 13px;
	[#orange]overflow: hidden;[/#]
	margin: 100px 0px 0px 80px;
	clear: both;
	background: url(menu.gif) top left no-repeat ;
	width: 500px;
}

Modifié par (23 May 2006 - 11:41)

merci c'est bien ça, fallait le savoir. si non pour avoir des balise <a> de largeur différente?

Il suffit d'avoir plusieurs classes, une par taille de bouton souhaitée.

Autre chose, il vaut mieux éviter d'utiliser une seule image pour l'ensemble des boutons, mais prévoir une image pour chacun d'entre eux. C'est plus facile à manipuler (il suffit juste de modifier la position verticale sans s'occuper de celle horizontale).

Ici, il faudrait découper ton image en plusieurs morceaux (quatre).

Il ne faut pas non plus oublier qu'ici, le texte est fourni par l'image :
- le document perd en accessibilité si on désactive les images (ou pour une personne non ou mal-voyante),
- ça alourdit un peu le document en forçant à utiliser une image différente par bouton.
Modifié par (23 May 2006 - 12:02)