28173 sujets

CSS et mise en forme, CSS3

Bonjour Smiley cligne
J'ai remplacé les puces classiques par un gif.
Tout va bien sauf quand une de mes <li> fait plusieurs lignes Smiley decu .
Dans ce cas, ma puce s'affiche au centre de la largeur de ma li.
Pour que ce soit plusz clair, voici ce que ca donne :

(*) ma puce

* si <li> sur une ligne de texte : ok
si <li> sur plusieurs lignes .............................................................................. *............................... .................................... .......................... ............... .................. ..................... ..............................................................

Dans cet exemple, ma 2de <li> s'étend sur 3 lignes de texte et ma puce apparait au début de la 2de ligne de texte.
Je n'arrive pas à la positionner au début de la 1ère ligne Smiley decu

Voici mon css :

background-image: url("http://www.___.com/images/2_accueil/puceli.gif");
 list-style-type:none;
background-repeat:no-repeat;
background-position:0% 65%;
padding-left:25px;


Je vous remercie pour votre aide
Modifié par loufpad (25 Feb 2006 - 15:48)
Merci
Mais le problème de list-style-image c'est que les puces ne sont pas bien alignées par rapport au exte.
C'est pour éviter cela que je passe par un positionnement d'image à laz place (à moins qu'il n'existe une fonction particulière pour positionner list-style-image Smiley confused )
clb56 a écrit :
salut,

à tester empiriquement mais essaye plutôt quelque chose du style

background-position:0 0.5em;


Cette technique marche merveilleusement bien Smiley biggrin
Un grand merci à toi clb56 Smiley smile
Et à toi aussi mpop Smiley cligne