Puces <li> à droite ?

Puces <li> à droite ? - HTML/CSS - Programmation

Marsh Posté le 08-08-2007 à 11:26:42    

Hello,
 
Alors c'est une petite question mais qui me trotte dans la tête depuis un moment.
 
J'ai un menu en xhtml/css avec des UL/LI (oui tout ce qu'il y a de plus classique).
J'aimerais savoir si c'etait possible de mettre les puces A DROITE.
 
J'ai beau cherché sur google, soit c'est impossible, soit je suis le premier a me poser la question, en tout cas, je n'ai rien trouvé.
Pour l'instant, je me suis contenté d'un list-style-type: none; et de mettre ma propre image a droite a la place, mais ça fait pas très professionnel, et donc s'il y a meilleur façon de faire je suis preneur :hello:  
 
Merci !


---------------
A VENDRE: Razer Chroma ARGB Controller / Boitier / Support Triple Screen / Ventirad / Carte USB3
Reply

Marsh Posté le 08-08-2007 à 11:26:42   

Reply

Marsh Posté le 08-08-2007 à 12:19:53    

Nan, aucun moyen... Ou alors jouer avec la direction de l'écriture [:johneh]
 
sinon moi j'utilise presque toujours une image pour la puce, y'a pas vraiment d'autre moyen fiable de positionner une puce custom...

Reply

Marsh Posté le 08-08-2007 à 14:48:02    

peut-être avec un padding-left négatif?

Message cité 1 fois
Message édité par rufo le 08-08-2007 à 14:48:18
Reply

Marsh Posté le 08-08-2007 à 17:58:46    

Non, ça décalera juste le texte à gauche.

Reply

Marsh Posté le 09-08-2007 à 09:11:07    

durkheim a écrit :

Non, ça décalera juste le texte à gauche.


 
oui, c'est l'idée et j'espère que ça laisse la puce là où elle est.
 
edit : effectivement c'est pas padding-left mais margin-left qu'il faut prendre.
ex :

Code :
  1. <ul>
  2.   <li><span class="decalage">Test 1</span></li>
  3.   <li>Test 2</li>
  4. </ul>
  5. et dans le css :
  6. .decalage {
  7.   margin-left: -60px;
  8. }


 
bien sûr, la valeur négative dépend de la taille du texte :/, mais ça marche...


Message édité par rufo le 09-08-2007 à 09:17:09
Reply

Marsh Posté le 09-08-2007 à 10:28:31    

Lol le hack de porc. Bien joué!

Reply

Marsh Posté le 09-08-2007 à 11:34:02    

rufo a écrit :

peut-être avec un padding-left négatif?


On n'a pas le droit aux padding négatifs :(
 
Par contre, les marges négatives sont extra-utiles :)

Reply

Marsh Posté le 09-08-2007 à 12:53:57    

durkheim a écrit :

Lol le hack de porc. Bien joué!


 
Je vois pas où est le hack :??:. Mon code xhtml est parfaitement valide et mon css aussi... :o  

Reply

Marsh Posté le 09-08-2007 à 12:54:37    

FlorentG a écrit :


On n'a pas le droit aux padding négatifs :(
 
Par contre, les marges négatives sont extra-utiles :)


 
Je confirme. Sous FF, un padding-left négatif n'a aucun effet.


Message édité par rufo le 09-08-2007 à 12:54:50
Reply

Marsh Posté le 09-08-2007 à 22:35:22    

Ah ouais, ça marche effectivement juste en jouant avec les margin :jap:
Merci, j'avais cherché trop compliqué en fait ;)


---------------
A VENDRE: Razer Chroma ARGB Controller / Boitier / Support Triple Screen / Ventirad / Carte USB3
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed