Discussion :

[mims1664]

Bonjour,

J'aimerais effectuer une liste <ul><li></li></ul> avec les puces alignées à droite, lorsque je fais un text align = right ou un float = right le texte est ailigné à droite mais les puces sont toujours à gauche !!!

Merci de votre aide !

[julioooo]

Bonjour,
la seule solution que je connaisse est la suivante

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<style>
         li{
		width: 60px; //taille fixe obligatoire
		background:transparent url(bullet-standard.gif) no-repeat center right;
		list-style-type: none;
	}
</style>
<ul>
        <li>un</li>
	<li>deux</li>
	<li>trois</li>
</ul>

Le problème est qu'il faille une taille fixe pour les LI.
Tu peux également ajouter

Code :

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

1
2
3
4
5
 
       ...
       padding-right: 10px;				
       text-align: right;
       ...

Pour te permettre d'aligner ton text à droite et qu'il n'entre pas en collision avec ta bullet !

[mims1664]

Bonjour,

C'est de la bidouille mais ca me convient !

Merci du coup de pouce


jérémie

[julioooo]

Ca c'est sur, après on fait avec ce qu'on a