Background et li

Bonjour.

Je me heurte a une petite difficulté.
En effet voici mon code html.

<ul>
<li><a href="http://example.com/?cat=1">Category 1</a>5</li>
<li><a href="http://example.com/?cat=2">Category 2</a>12</li>
</ul>

On le considère tel quel, aucune modification sur ce dernier ne pourra être faite.

J'aimerai ensuite que les chiffres 5 et 12 soient positionnés à droite dans le div conteneur et que le chiffre 5 et 12 aient une image de fond.

Je n'arrive pas à faire un travail uniquement sur 5 et 12 sachant qu'ils ne sont encadrés par aucune balise spécifique.

Existe t'il des solutions?

Merci

Salut,

peut-être quelque chose comme ça :

ul {
	width: 300px;
	list-style: none;
	margin: 0;
	padding: 5px;
}

ul li {
	text-align: right;
	background: #00FF00 url(fond.png) right top no-repeat;
	padding: 3px;
}

ul li a {
	float: left;
}

Ah ben merci.

C'est juste parfait

Dernière précision, si je veux séparer chaque li par une image

background: url(../images/separation.jpg) repeat-x bottom;

COmment s'en sortir, sachant que je ne peux pas combiner deux background et que la séparation entre chaque li n'est pas une simple bordure mais une image de deux pixels de hauteur.

Merci
Modifié par marseille (10 May 2009 - 14:57)

marseille a écrit :
COmment s'en sortir, sachant que je ne peux pas combiner deux background et que la séparation entre chaque li n'est pas une simple bordure mais une image de deux pixels de hauteur.

Eh bien puisque tu ne peux pas rajouter d'éléments... tu ne peux pas !

Il faudra attendre CSS3 qui permet d'avoir plusieurs background sur un même élément.


Edit: à moins de pouvoir t'arranger pour affecter ce background au UL...
Modifié par Heyoan (10 May 2009 - 15:20)