[W3C] Espacement First-Letter sous IE

Bonjour,

J'ai un bug, toutes mes listes sont decalées à cause de first-letter sous IE (si j'enleve p:first-letter, ça s'affiche correctement) => que faire ?

http://cmarmonier.free.fr/index_srilanka.php

Et en rajoutant ?

Code:

---

1 2	padding : 0; margin : 0;

---

a quel endroit ? je l'ai deja mis un peu de partout mais ça ne change rien...

c'est bon j'ai trouvé la solution sur un autre forum.

Sous IE, pour que le first-letter soit pris en compte, il faut qu'il y ai un espace entre entre "letter" et "{". Donc en suppriment l'espace ça ne bug presque plus (les elements de ma première liste ne sont pas totalement alignés) mais je n'ai plus l'affichage en couleur de la première lettre...les internautes n'auront qu'a installer firefox s'ils veulent un affichage optimal....

Code:

---

1 2 3 4

.section p:first-letter{ color: rgb(250,120,25); font-size: 1em; }

---

C'est comme ça qu'il faut faire

Code:

---

1 2 3 4

p.section:first-letter { color: rgb(250,120,25); font-size: 1em; }

---

je ne pense pas et ceci pour deux raisons :
1- mon code passe au validateur CSS du W3C
2- lorsque je mets ton code, sous FireFox, ça ne marche pas.

Citation:

---

Envoyé par Linaa

C'est comme ça qu'il faut faire

Code:

---

1 2 3 4

p.section:first-letter { color: rgb(250,120,25); font-size: 1em; }

---

---

Si tu regardes dans son code-source, le paragraphe en question est enfant du div de classe section. Son code correspond donc tout a fait.

Le tiens correspondrait à un p à qui on aurait directemnent attribué la classe section.

Mais oui que ça passe au validateur : lien

Oui Candygirl, tu as raison!
Il faut que tu rajoutes une classe à ton p.
Il me semble que ça ne fonctionne pas comme il l'a fait avec des pseudo-classes sous certains navigateurs (IE...)