Re: modifier b[quote][/quote]alise li

C'est qu'il doit y avoir un pb par ailleurs.
Remarque que si ta solution précédente fonctionne tu peux toujours la garder, ça t'évitera de revoir le code en détail.

j'ai peur que sa me foute le bazar sur ff.
je vai essayer
EDIT sa me met la fleche sous l'ecrit et non a coté.
url du screen je ne pouvais pas laisser sa comme sa.
vue que l'image est un peu grande je vous met l'url ou elle se trouve.
avec le background sous ff.
http://www.larosedelorient.com/images/screen.png

Ce que je voulais dire plus haut c'est que le code que tu as trouvé pour ie en utilisant le background, devrait fonctionner de la même manière avec FF. Donc c'est un peu superflu de faire un code spécifique pour chaque navigateur, non ? :wink:

pour ff je laisse comme c'est car c'est niquel.
pour ie je fait un background mais je n'arrive pas a effacer l'image.(je redefini le style)
voici le code.
le commun
[code]li.men {
font-size : 12px;
margin-bottom : 5px;
margin-top : 5px;
list-style-image:url("images/limen1.png");
list-style-position: inside;
}
li.menus {
list-style-image:url("images/limen.png");
list-style-position: inside;
}
[/code]
pour ie
[code]li.men {
background:url("images/limen1.png") no-repeat;
list-style-type: none
}

li.menus {
background:url("images/limen.png") no-repeat;
list-style-type: none
}
[/code]

EDIT
voila tout est niquel merci a tous je vous mets ci dessous le code css.
le commun:
[code]li.men {
font-size : 12px;
margin-bottom : 5px;
margin-top : 5px;
}

*.menus {
padding-top : 10px;
}[/code]
pour ie
[code]li.men {
list-style-type: none;
background:url("images/limen1.png") no-repeat;
background-position: 0px 10px;
}

li.menus {
list-style-type: none;
background:url("images/limen.png") no-repeat;
background-position: 0px 15px;
}
[/code]
pour le renard de feu:
[code]li.men {
list-style-image:url("images/limen1.png");
list-style-position: inside;
}

li.menus {
list-style-image:url("images/limen.png");
list-style-position: inside;
}[/code]

[quote="hakazizi"]Merci Genova et AB je vais faire un panache des deux solutions.
je sait pas trop ce que sa va donné on verra bien.[/quote]
Ma solution en utilisant le background, t'évite de faire un "hack", ce que je cherche à éviter autant que possible.
Mais si tu souhaites utiliser list-style-image, il te faudra certainement en faire un pour avoir le même rendu à l'écran.

Faire un panache des deux solutions n'a aucun sens dans ce cas précis. Choisis l'une ou l'autre :wink:

Merci Genova et AB je vais faire un panache des deux solutions.
je sait pas trop ce que sa va donné on verra bien.

Une autre solution est de mettre tes images en background dans la balise li cela te permettra de les positionner précisément.

Utilise un "hack" CSS pour IE, ce qui devrait te permettre de positionner un peu mieux ton texte en jouant sur les padding.

merci Genova sa marche mais j'ai encore un soucis c'est que sous ff c'est pas trop mal mais ie c'est le gros bazar l'image est trop haute par rapport au texte.
l'url est sur ma signature.
comment faire pour que se soit a peu pres centré par rapport au texte.
merci

Salut,

tu dois utiliser la propriété CSS [b]list-style_image[/b].

Pour davantage d'informations : http://www.aidenet.com/css/css44.htm

Je voudrais remplacer le point <ul><li> par une image
voici ce que j'ai coté html.
[code]<ul class="l1">
<li class="men"></li>
<li class="men"></li>
etc...
</ul>[/code]
et cote css.
[code]li.men {
text-decoration : url("images/limen.png");
}[/code]
merci