voici ce que j'ai coté html.
Code : Tout sélectionner
<ul class="l1">
<li class="men"></li>
<li class="men"></li>
etc...
</ul>Code : Tout sélectionner
li.men {
text-decoration : url("images/limen.png");
}la communauté d'entraide francophone dédiée au PHP
[RESOLU] modifier balise li
Salut,
tu dois utiliser la propriété CSS list-style_image.
Pour davantage d'informations : http://www.aidenet.com/css/css44.htm
tu dois utiliser la propriété CSS list-style_image.
Pour davantage d'informations : http://www.aidenet.com/css/css44.htm
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
l'url est sur ma signature.
comment faire pour que se soit a peu pres centré par rapport au texte.
merci
Utilise un "hack" CSS pour IE, ce qui devrait te permettre de positionner un peu mieux ton texte en jouant sur les padding.
Une autre solution est de mettre tes images en background dans la balise li cela te permettra de les positionner précisément.
Ma solution en utilisant le background, t'évite de faire un "hack", ce que je cherche à éviter autant que possible.Merci Genova et AB je vais faire un panache des deux solutions.
je sait pas trop ce que sa va donné on verra bien.
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
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
pour ie
EDIT
voila tout est niquel merci a tous je vous mets ci dessous le code css.
le commun:
pour ie
pour le renard de feu:
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 : Tout sélectionner
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 : Tout sélectionner
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
}
voila tout est niquel merci a tous je vous mets ci dessous le code css.
le commun:
Code : Tout sélectionner
li.men {
font-size : 12px;
margin-bottom : 5px;
margin-top : 5px;
}
*.menus {
padding-top : 10px;
}Code : Tout sélectionner
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 : Tout sélectionner
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;
}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 ?
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
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
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.
Remarque que si ta solution précédente fonctionne tu peux toujours la garder, ça t'évitera de revoir le code en détail.