C'est encore mieux avec "line-height:19px;"
pour le paramètre "first-line". ;-)
En pratique, mieux vaut quand même éviter l'unité "px".
Dommage qu'il y ait pas (encore) de paramètre "first-word"...
Jean-Luc
FMichaud a écrit :
Bonsoir,
Avec ce code tiré des exemples cités par JL Blary, cela ne fait
pas trop mal. La taille est figée donc pas de risque de déréglage par
l'utilisateur, mais le placement de la lettrine est à régler à taton si
vous changez la taille de la fonte de base (ici 16px) ou selon la fonte
de base (ici le réglage est correct pour la Times New Roman de
Microsoft). Pour tester, faire un copier/coller du code ci dessous pour
remplacer le code (boite de gauche) dans la page http://www.w3schools.com/css/tryit.asp?filename=trycss_firstline_letter
--------DEBUT DU CODE--------
<html>
<head>
<style type="text/css">
p
{
font-family:"times new roman";
font-size:16px;
line-height:20px;
text-align:justify;
}
p:first-letter
{
color: #8888ff;
font-size:52px;
font-weight:bold;
line-height:38px;
float:left;
}
p:first-line
{
color: #4444ee;
font-variant: small-caps;
line-height:20px;
}
</style>
</head>
<body>
<p>
Lorem fipsum dolor sit amet, consectetuer adipiscing elit. Sed non
risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec,
ultricies sed, dolor. Cras elementum et patatra et patatra ultrices
diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.
</p>
<p>
Pellentesque congue. Ut in risus volutpat libero pharetra
tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede
vamos a la playa. Praesent blandit odio eu enim.
</p>
</body>
</html>
--------FIN DU CODE--------
A+
Frédéric Michaud
-----
Message d'origine ----
De : Jean-Luc BLARY <jeanluc.blary AT eons.fr>
À : typographie AT listes.irisa.fr
Envoyé le : Vendredi, 16 Novembre 2007, 9h31mn 38s
Objet : Re: [typo] Lettrine du Monde sur internet
J'oubliais les références :
http://www.w3schools.com/css/pr_pseudo_first-letter.asp
http://www.w3schools.com/css/pr_pos_vertical-align.asp
JL
Jean-Luc BLARY a écrit :
Et pourtant, c'est
possible : l'attribut de feuille de style ":first-letter" (pour définir
taille, couleur, etc. uniquement pour la première lettre du §) avec la
propriété "vertical-align" (pour définir son positionnement, par ex. le
haut de la lettre aligné avec celui de la 1ère ligne) permet de gérer
une lettrine automatique.
Jean-Luc
Jacques André a écrit :
Dans sa page web, Le Monde utilise des
lettrines. Mais elles ne sont pas très réussies car, par exemple dans
le cas de "Le deuxième...//novembre" (voir http://www.lemonde.fr/web/article/0,1-0@2-3224,36-978584@51-973287,0.html),
la base du L n'est pas alignée sur la seconde ligne (novembre), comme
le sont les bonnes « lettres de deux points ».
En regardant le source, on voit que L est en fait une image, et on peut
donc bien se demander pourquoi ils ne l'ont pas cadrée comme il aurait
fallu.
Je raconte ça car on m'a longuement expliqué une faute de ce genre en
disant « HTML ne permet pas... ». Moi je dis que tant qu'à bricoler,
autant bien bricoler.
Dans cette page, on remarque aussi de nombreuses autres fautes, plus
courantes hélas : division (possible) entre 15 et novembre ou entre 44
et % ; emploi des guillemets informatiques " " au lieu des français
« », redondants souvent avec de l'italique,
Le Monde a encore des correcteurs pour son édition papier. Pourquoi
n'en a t'elle pas pour l'édition électronique ? Et si ce sont les
mêmes, sur quoi font-ils la correction ? ne savent-ils pas qu'il ne
faut pas croire les « informaticiens » qui disent « on peut pas » ?
--
Jacques ANDRÉ
Ne gardez plus qu'une seule adresse mail ! Copiez
vos mails vers Yahoo! Mail
|