Image de fond ne s'affiche pas sous Firefox

Bonjour,

Pour mon boulot, j'ai modifié le menu d'une ancienne version de Mambo (4.0) en ajoutant une image de fond sous chaque lien du menu grâce aux éléments suivants de la feuille de style ci-dessous. Ce fonctionne sous IE mais sous Firefox, l'image de fond ne s'affiche pas correctement. Pourquoi ? Merci d'avance

a.mainmenu {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 150px; /* largeur de l'image réactive */ 
	height: 16px; /* hauteur de l'image réactive */ 
	background-image: url(../images/stories/menu-centre.jpg); /* source de l'image de départ */ 
	background-repeat: no-repeat; } 
}

a.mainmenu:hover {
	/* définition de la classe "image" de la balise <a> au survol */ 	
	background-image: url(../images/stories/menu-centre2.jpg);
	background-repeat: no-repeat;
	/* source de l'image d'arrivée */ 
}

Modifié par xavier1977 (11 Oct 2005 - 10:48)

Bonsoir Xavier1977 et bienvenue ici

Attention à bien lire le message d'annonce qui s'affiche tout en haut du forum et qui te guidera vers les Règles du forum à lire absolument (c'est la moindre des choses).
Ces règles t'indiqueront comment afficher des codes correctement sur le forum, ce que tu n'as pas fait.
Merci d'avance de les lire et les appliquer

J'en profite pour répondre à ta question.

En fait c'est très logique : tu as essayé d'appliquer des propriétés de dimensions (width, height) à une balise en-ligne (<a>). Or les éléments en-ligne (sauf exceptions) ne peuvent pas avoir de dimensions

Pour que ton lien puisse être dimensionné correctement, il faut l'afficher sous forme de bloc (display: block).
Voir tous les tutoriels de la rubrique "faire des menus en CSS".

Bonne chance

Je te remercie, Raphaël. C'était bien cela.

Le problème est que maintenant, il y a un espace important (saut de ligne) entre chaque rubrique du menu. Comment faire pour "coller" chaque rubrique ?

xavier1977 a écrit :
Je te remercie, Raphaël. C'était bien cela.

Le problème est que maintenant, il y a un espace important (saut de ligne) entre chaque rubrique du menu. Comment faire pour "coller" chaque rubrique ?

Difficile de trouver la solution sans voir un exemple du problème en "live".
Mais en général c'est un classique problème de marges à supprimer.

As-tu suivi la piste que je t'ai indiquée (rubrique "Menus CSS") ?
Modifié par Raphael (11 Oct 2005 - 11:26)

Oui, j'essaie d'assimiler cela.

Le site est h**p://www.rtc.be