Probleme d'affichage FF et IE

Bonjour,

J'essaie de faire un menu bouton via image.

Sous IE pas de soucis ca passe.

Mais sous FF, ca bug, les backgound-image ne s'affiche pas correctement.

Ici pour voir : http://ducson.nguyen.free.fr/test

j'ai fait tester le CSS sur site des W3C et c ok....

Je ne vois pas ou est mon erreur...

Merci de votre autre aide ^^

T'as essayé de définir une hauteur dans tes boutons, je pense que ça vient de là.
Mettre aussi le basckground-position:top; peut aider.

Autrement, c'est plus sympa de faire une image qui contient à la fois ton bouton non activé (en haut) et ton bouton activé (en bas), et de mettre le code suivant dans ton css :

lien {
background-position:0 0;
}
lien:hover {
background-position:0 -20px; -
}

> -20px est la hauteur du bouton pour l'initialiser à son autre état.
Je ne sais pas si j'ai été bien clair
Modifié par ObsoleteTears (15 Sep 2006 - 11:45)

La taille de l'image transparente est de la meme taille de mes image background...

Ta technique peut marcher.

Mais a question est pk sour IE c'est ok et pas sous FF...

lucyus81 a écrit :
Mais la question est pourquoi sous IE c'est ok et pas sous FF...

À vrai dire, ça n'est ok QUE sous Internet Explorer, vu que Opera, Konqueror et Firefox (et probablement Safari) ont le même rendu.

L'élément a est un élément de type en-ligne. Sa hauteur dépend de la hauteur du texte, est les images qui peuvent y être placées n'agrandissent pas l'élément : elles se contentent de dépasser (en haut) de l'élément.

Le plus simple, dans ton cas, serait de passer les liens en mode de rendu de type bloc.

#menu td a {
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
}

Quelque chose du genre.
Modifié par mpop (15 Sep 2006 - 16:14)