28172 sujets

CSS et mise en forme, CSS3

Bonjour voilà j'ai fais une liste ul li sur mon site avec un fond.
Cà marche nikel sur firefox et safari mais sur ie l'image de fond ne s'affiche pas Smiley decu
Voiçi mon code css :

#rubrique ul li{
	list-style:none;

}

#rubrique ul li a{
	height:34px;
	width:156px;
	text-decoration:none;
	display:block;
	font-size:15px;
	text-align:center;
	background:url(theme/rub.png)no-repeat top left;
	line-height:38px;
}

#rubrique ul li a:hover{
	height:34px;
	width:156px;
	text-decoration:none;
	display:block;
	font-size:15px;
	text-align:center;
	background:url(theme/rub.png)no-repeat top left;
	line-height:38px;
}

Voiçi mon code html : 

<div id="fond1"><div id="t-rubrique"><b>RUBRIQUES CATSAI DESIGN</b></div><div id="rubrique">

<ul>
<li><a href="1.html">Identite visuelle</a></li>
<li><a href="#">Edition</a></li>
<li><a href="#">Affiches</a></li>
<li><a href="#">Publicite</a></li>
<li><a href="#">Multimedia</a></li>
<li><a href="#">Multimedia</a></li></ul></div>



Merci pour votre aide
Modifié par endok (26 Dec 2008 - 16:32)
Bonjour et bienvenue sur Alsacréations Smiley smile ,

Pour conserver une bonne lisibilité des messages sur le forum, il est demandé d'utiliser les balises code pour présenter le code source des exemples.
Pourrais-tu éditer ton message pour te conformer à cette règle de mise en forme ?

Merci d'avance.

Ton problème vient du fait qu'il n'y a pas d'espace entre l'url de l'image et le no-repeat Smiley cligne .

background:[#red]url(theme/rub.png)no-repeat[/#] top left;

Modifié par Igor (26 Dec 2008 - 16:25)