Tinymce Problème de formatage avec les balises <ul> et <li>
Bonjour,
J'ai un soucis de formatage avec tiny lorsqu'on veut affecter une liste.
Je m'explique:
J'ai créé un css avec ce qui nous intéresse ici :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| ul {
list-style-type:none; margin-left:0px; padding-left:0px; margin-top:0px;
}
li.carre_vert_2{
font-size:18px; margin-left:25px; background-image: url(../img/carre_vert_2.gif); background-position:0px 4px;background-repeat: no-repeat;padding-left: 32px;
}
li.carre_vert_3{
margin-left:25px; background-image: url(../img/carre_vert_3.gif); background-position:0px 4px;background-repeat: no-repeat;padding-left: 48px;
}
.texte_vert {
color:#98CB00;
} |
quand on est dans le textarea, si on affecte carre_vert_2 à "exemple de texte vert" j ai bien le résultat voulu, ex du html obtenu :
<ul><li class="carre_vert_2">exemple de texte</li></ul>
si je veux rajouter du vert , pas de pb : (html obtenu)
<ul><li class="carre_vert_2">exemple de texte <span class="texte_vert">vert</span></li></ul>
maintenant mon problème :
imaginons qu'on se soit trompé et qu'on veuille non pas carre_vert_2 mais carre_vert_3; procédure que je fais(je me trompe peut être) : je clique dans mon texte, dans style j affecte carre_vert_3, ca me change bien mon <li> :
<ul><li class="carre_vert_3">exemple de texte vert</li></ul>
MAIS le pb c'est que j ai perdu la mise en forme couleur vert <span class="texte_vert">vert</span>.
Ma question donc : pourquoi est ce que tiny me vire mon <span class="texte_vert"></span> ??
est il possible de changer juste la classe du li sans toucher à ce qu il y a entre les balises..?
Dois je m'y prendre autrement, avec une autre balise que <li>....
Je cherche depuis quelques heures et je trouve rien la dessus
Si une âme charitable pouvais m'éclairer je lui serais très reconnaissant !!!
J'espère avoir été assez clair, n'hésitez pas à me demander des précisions si besoin est.
Merci d'avance
