[Résolu] Css image...

Petit soucie avec une image de font d'un menu.

Le site en question :
http://www.lemoigne-baptiste.info/Purkas_new/news.php

Sous IE mon image de fond s'affiche corectement, tendit que sous firefox on ne la vois pas.

Voici mon code Xhtml

<div id="baptiste">
<div id="menu">
<ul>
<li><a href="news.php">News</a></li>
<li><a href="chronique.php">Chronique</a></li>
<li><a href="concert.php">Concert</a></li>
<li><a href="mp3.php">Mp3</a></li>
<li><a href="forum.php">Forum</a></li>
<li><a href="lien.php">Liens</a></li>
<li><a href="purkas.php">Purkas</a></li>
<li><a href="formulaire.php">Contact</a></li>
</ul>
</div>
</div>

Puis mon code Css :

#baptiste				{background-image: url(silver_background.jpg); width:760px}
#menu 					{clear:left; width:740px;}
#menu ul li 			{float:left; list-style:none}
#menu img				{border:0px}
#menu ul				{ width:740px; margin:0px}
#menu li				{margin:0px; padding-left:40px}
#menu ul li a			{color:#333333; font-weight:bold}
#menu ul li a:hover		{color:#CC0000; font-weight:bold}

Si quelqu'un pouvais m'expliquer mon ptit probléme sa serais bien simpatique
Modifié par Pirus (10 Dec 2006 - 16:27)

Faut utiliser background-image: et non pas background pour les images.

Si ca marche sous IE c'est pas bien .
C'est réservé pour les couleurs.

death83 a écrit :
Faut utiliser background-image: et non pas background pour les images.

Si ca marche sous IE c'est pas bien .
C'est réservé pour les couleurs.

Sa ne fonctionn toujours pas

Tu as vérifier que ton block ne s'affiche pas avec 0px de hauteur?
Met height:100px; juste pour voir.

Tiens et apparement vu l'image il faut que tu rajoute un repeat-x dans la définition du background pour que l'image ne se repete que selon l'axe horizontal.
Modifié par death83 (10 Dec 2006 - 16:20)

death83 a écrit :
Tu as vérifier que ton block ne s'affiche pas avec 0px de hauteur?
Met height:100px; juste pour voir.

Tiens et apparement vu l'image il faut que tu rajoute un repeat-x dans la définition du background pour que l'image ne se repete que selon l'axe horizontal.

Génial, c'est la hauteur de mon image qu'il manquais ^^
Merci Death, c'est bien simpa

Bonjour,

death83 a écrit :
Faut utiliser background-image: et non pas background pour les images.

Si ca marche sous IE c'est pas bien .
C'est réservé pour les couleurs.

N'importe quoi...

background est un raccourci pour toutes les propriétés de background (et oui, d'où son nom) comme background-color et background-image.

Eldebaran a écrit :
Bonjour,N'importe quoi...

background est un raccourci pour toutes les propriétés de background (et oui, d'où son nom) comme background-color et background-image.

Oui je sais j'ai vérifier sur mes scripts et moi aussi j'utilisait juste background.

Ca m'a pas choqué sur le coup.

death83 a écrit :
Oui je sais j'ai vérifier sur mes scripts et moi aussi j'utilisait juste background.

Ca m'a pas choqué sur le coup.

Ce n'est pas choquant que tu ne le saches pas, ce qui est choquant c'est que tu affirmes quelque chose de faux avec autant d'assurance.