réalisation d'une lettrine

ne marche pas :)

Sujet résolu

3 mai 2006 à 14:02:13

bonjour amis zér0s

alors, comme vous vous en doutez j'ai un problème...
donc, vous savez; pour creer une lettrine:

p:first-letter /* Je veux que la première lettre de mes paragraphes... */
{
float: left; /* Flotte à gauche */
font-size: 3em; /* Fasse une hauteur de 3 lignes */
font-family: Arial, Georgia, "Times New Roman", Times, serif; /* Soit mise en Arial si possible*/
font-weight: bold; /* Soit écrite en gras (c'est plus voyant) */
margin-right: 5px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */
}

mais moi je veux mettre des lettrines que quand je veux, dans un class .lettrine
malheureusement ce code ne marche pas:

.lettrine:first-letter /* Je veux que la première lettre de mes paragraphes... */
{
float: left; /* Flotte à gauche */
font-size: 3em; /* Fasse une hauteur de 3 lignes */
font-family: Arial, Georgia, "Times New Roman", Times, serif; /* Soit mise en Arial si possible*/
font-weight: bold; /* Soit écrite en gras (c'est plus voyant) */
margin-right: 5px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */
}

que faire?

merci de votra aide toujours précieuse!

strucky

3 mai 2006 à 14:10:11

Salut,

A quoi sert le float ?

Etant donné que ce css fonctionne, HTML ?

Intrepidd

3 mai 2006 à 14:13:57

bah le float c'est pour que les lettres passent derrière la premiere...
le code html:

<span class="lettrine">
Un texte avec la première lettre(u) qui flotte!</span>

strucky

3 mai 2006 à 14:18:24

La lettrine, c'est pour un paragraphe (bloc) et non pour un span, a, ou autres inline

Intrepidd

3 mai 2006 à 14:21:44

aaaaahhhhh...
avec le style dans un <p> ca marcherait?

strucky

3 mai 2006 à 14:32:14

Oui !

Intrepidd

3 mai 2006 à 15:57:18

youpi, merci!