Discussion :

[Emcy38]

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

[Linaa]

Et en rajoutant ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
padding : 0;
margin : 0;

[Emcy38]

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

[Emcy38]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Linaa]

C'est comme ça qu'il faut faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Emcy38]

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.

[Candygirl]

C'est comme ça qu'il faut faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.