Discussion :

[seb-65]

Bonjour,

Dans une DIV j'ai un élément UL dans lequel j'ai inséré mes listes LI.

Au bord droit de la LI je voudrais insérer une image (image.png image1.png). Mon problème est que je n'arrive pas à aligner l'image sur le bord droit de LI

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div id="Liste">
	<ul id="aa1" class="listea">
		<li><a href="#">Lien1</a><div style="display:inline-block"><img src="image.png"></div></li>
		<li><a href="#">Lien2</a><div style="display:inline-block"><img src="image1.png"></div></li>
	</ul>
</div>

CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
.aa1 ul{
    list-style: none;
}
.aa1 li{
	list-style-position:inside;
	vertical-align:middle;
	list-style-image: url(/images/a.png);
}

Merci

[liryks_6]

Si j'ai bien compris tu aimerais que t'as list-style-image type s'affiche à la droite de chaque <li>. Si c'est bien ça je te conseil de faire ça.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
ul
{
list-style-type: none;
padding: 0;
margin: 0;
text-align: right;
}
li
{
background-image: url(images/a.png);
background-repeat: no-repeat;
background-position: 100% .4em;
padding-right: .6em;
}

Règle ensuite les différentes positions et paddings.