Accéder au contenu.
Menu Sympa

typographie - Re: Re : [typo] Lettrine du Monde sur internet

Objet : Liste consacrée aux discussions à propos de la composition et de la typographie

Archives de la liste

Re: Re : [typo] Lettrine du Monde sur internet


Chronologique Discussions 
  • From: Jean-Luc BLARY <jeanluc.blary AT eons.fr>
  • To: typographie AT listes.irisa.fr
  • Subject: Re: Re : [typo] Lettrine du Monde sur internet
  • Date: Sat, 17 Nov 2007 09:24:18 +0100

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



Archives gérées par MHonArc 2.6.16.

Haut de le page