Lettrine first-letter dans succession de div et class ?
9 réponses
Nikita Calvus-Mons
Bonjour,
Voilà mon souci. Je suis en train de créer un template de mise en page
en html/css.
J'aimerais utiliser la propriété :first-letter pour faire une lettrine
dans des paragraphes de classe "lettrine". Sur mon ancien blog j'avais
un style :
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Nikita Calvus-Mons
Nikita Calvus-Mons a écrit :
J'ai essayé toutes les combinaisons syntaxiques, par ex :
#content #main .lettrine p:firstletter {}
ou même
p.lettrine:first-letter {} sans contexte spécifique,
Tout ça sans succès. J'ai l'impression que l'héritage ne marche pas dans ce cas précis. Avez-vous une idée de pourquoi ?
Je précise que sans utiliser le pseudo-élément first-letter, l'héritage #content #main .lettrine marche très bien... C'est l'utilisation de :first-letter que je n'arrive pas à saisir dans ce genre de syntaxe imbriquée...
Merci
Nikita Calvus-Mons a écrit :
J'ai essayé toutes les combinaisons syntaxiques, par ex :
#content #main .lettrine p:firstletter {}
ou même
p.lettrine:first-letter {} sans contexte spécifique,
Tout ça sans succès. J'ai l'impression que l'héritage ne marche pas dans
ce cas précis. Avez-vous une idée de pourquoi ?
Je précise que sans utiliser le pseudo-élément first-letter, l'héritage
#content #main .lettrine marche très bien... C'est l'utilisation de
:first-letter que je n'arrive pas à saisir dans ce genre de syntaxe
imbriquée...
J'ai essayé toutes les combinaisons syntaxiques, par ex :
#content #main .lettrine p:firstletter {}
ou même
p.lettrine:first-letter {} sans contexte spécifique,
Tout ça sans succès. J'ai l'impression que l'héritage ne marche pas dans ce cas précis. Avez-vous une idée de pourquoi ?
Je précise que sans utiliser le pseudo-élément first-letter, l'héritage #content #main .lettrine marche très bien... C'est l'utilisation de :first-letter que je n'arrive pas à saisir dans ce genre de syntaxe imbriquée...
Merci
Olivier Miakinen
Bonjour,
Le 30/11/2009 00:28, Nikita Calvus-Mons a écrit :
J'aimerais utiliser la propriété :first-letter pour faire une lettrine dans des paragraphes de classe "lettrine". Sur mon ancien blog j'avais un style :
J'ai l'impression que l'héritage ne marche pas dans ce cas précis. Avez-vous une idée de pourquoi ?
Ben non. Juste pour savoir : 1) Tu n'aurais pas une page web où on puisse voir par nous-mêmes ? 2) Avec quels navigateurs constates-tu le problème ?
Cordialement, -- Olivier Miakinen
Bonjour,
Le 30/11/2009 00:28, Nikita Calvus-Mons a écrit :
J'aimerais utiliser la propriété :first-letter pour faire une lettrine
dans des paragraphes de classe "lettrine". Sur mon ancien blog j'avais
un style :
J'aimerais utiliser la propriété :first-letter pour faire une lettrine dans des paragraphes de classe "lettrine". Sur mon ancien blog j'avais un style :
NB : Les couleurs sont volontaires, pour voir la structure (tous les trois ans, faut que je réapprenne CSS, donc je fais comme les enfants, hein). Les styles sont dans le fichier html par commodité mais je les mettrai dans un .css quand j'aurai fini.
Olivier Miakinen a écrit :
Ben non. Juste pour savoir :
1) Tu n'aurais pas une page web où on puisse voir par nous-mêmes ?
Voilà la chose http://www.idiomatique.org/tests/index_test.html
NB : Les couleurs sont volontaires, pour voir la structure (tous les
trois ans, faut que je réapprenne CSS, donc je fais comme les enfants,
hein). Les styles sont dans le fichier html par commodité mais je les
mettrai dans un .css quand j'aurai fini.
NB : Les couleurs sont volontaires, pour voir la structure (tous les trois ans, faut que je réapprenne CSS, donc je fais comme les enfants, hein). Les styles sont dans le fichier html par commodité mais je les mettrai dans un .css quand j'aurai fini.
Nikita Calvus-Mons
Olivier Miakinen a écrit :
2) Avec quels navigateurs constates-tu le problème ?
Rectif : j'avais vérifié avec IE avec la mauvaise syntaxe, en mettant la syntaxe normale :
#content #main p.lettrine:first-letter
ça marche sous IE !
Mais pas sous Firefox... Et il va sans dire que ça me désole...
Olivier Miakinen a écrit :
2) Avec quels navigateurs constates-tu le problème ?
Rectif : j'avais vérifié avec IE avec la mauvaise syntaxe, en mettant la
syntaxe normale :
#content #main p.lettrine:first-letter
ça marche sous IE !
Mais pas sous Firefox... Et il va sans dire que ça me désole...