28173 sujets

CSS et mise en forme, CSS3

Voici ma page contenant les onglet :


<div id="menu">
<ul>
	<li <? if (substr($p,0,1)==0) echo "class=\"actif\"";else echo "class=\"passif\""; ?>>&nbsp;</li>
	<li <? if (substr($p,0,1)==0) echo "class=\"actif\"";else echo "class=\"passif\""; ?>>&nbsp;</li>
	<li <? if (substr($p,0,1)==0) echo "class=\"actif\"";else echo "class=\"passif\""; ?>>&nbsp;</li>
	<li <? if (substr($p,0,1)==0) echo "class=\"actif\"";else echo "class=\"passif\""; ?>>&nbsp;</li>
	<li <? if (substr($p,0,1)==0) echo "class=\"actif\"";else echo "class=\"passif\""; ?>>&nbsp;</li>
</ul>
</div>


et voici mon CSS :


#menu ul li{
	list-style-type: none;
	margin: 0px;
	padding:0px;
	display: inline
}



li.actif {
	background-image: url(images/onglet_actif.gif);
}



li.passif {
	background-image: url(images/onglet_passif.gif);
}


Je voudrais tout simplement que l'onglet actif dispose d'une couleure alors que tousles autres possèdent une autre couleur. En PHP je gère l'affichage dynamique en fonction de l'appel de mes pages.

Le problème vient plutôt du CSS, à savoir s'il est possible de mettre un background-imageou quelque chose du genre sur ma liste a puce.

Merci d'avance