[CSS / Feuilles de style] Tailles de police en pixels
Soumis par Benoît Sibaud (Jabber id, page perso, ) le 21 août 2007. Non affecté.> Lire l'entrée (1 commentaire, moyenne: 1).
plus de détails pour corriger
Ce n'était pas aussi simple que j'avais pensé pour changer style.css selon cette deuxième possibilité que j'ai suggéré, car il y a plusieurs cas où un élément dont le font-size est réglé par le feuil de style contient un autre tel élément. Si tous les règles font-size emploient des pourcentages, alors ces deux pourcentages se multiplient dans ce cas ; donc on doit considérer l'arborescence (ou au moins le parentage) quand on change les font-size px en %.
Par exemple, si l'arborescence que j'ai écrit dessous est bonne, alors :
main * menubartop = 13px; donc menubartop = 13/main = 130% si on a voulu que main (et le corps des articles) ait une font-size de 10px.
lsfnbanner est toujours l'enfant de menubartop, et on veut menubartop=13px, lsfnbanner=11px, donc lsfnbanner=11/13=85%.
Arborescence (et donc parentage) pour les classes que j'ai trouvées :
[Hmm, il semble que <pre> ne marche pas, donc j'emploie '>' pour indiquer profondeur/parentage.]
main, font-size="0.8em", disons 10px
> menubartop 13px
> > lsfnbanner 11px
> > > lsfnlink 10px
> smallmenubar 10px
> menubar 13px
> loginbox 10px
> > rubrique_info 12px
> otherboxtitle 11px
> otherbox 10px
> > formulaire 12px
> funbanner 10px
> titlediv 11px
> > newstitle 14px
> lefttopbox 13px
> newsdiv
> comments 12px
> connexe 12px
> footer 9px
Classes que je n'ai pas encore trouvé et donc dont je ne sais pas encore le parentage (et qui ont un règle font-size dans css/style.css) :
archivelink
adminall
menuevent
menuaccroche
newsletter
leftbox (mais leftcol existe)
tipdiv
polldivtitle
boardindex
journalbody
Pour le cas commun où le seul parent dont la font-size est spécifié est main, j'ai écrit un scripte perl :
perl -pe 's#(font-size: )([0-9]{1,2})px#$1 . sprintf("%d%%", $2 * 100. / 10.)#ge' < style.css > test-style.css
(Le fragment "/ 10." assume qu'on veut que main et le corps des articles ont une font-size de 10px ; change-le si tu veux.)
Après, on peut changer à main les ~5 classes dont le parent n'est pas main. Si 10px est la bonne font-size de corps, alors on peut aussi ignorer rubrique_info et formulaire, dont le parent a font-size:10px ; ce qui laisse :
lsfnbanner (11px, parent=13px, donc 11/13=85%)
lsfnlink (10px, parent=11px, donc 10/11=91%) et
newstitle (14px, parent=11px, donc 14/11=127%).
(Sans compter ces classes que je n'ai pas trouvé ; supposons que chacune soit n'est plus employé par le site, soit est comme la plupart des classes en ce qu'elle a un parent dont la font-size est (environ) 10px.)
Si on préfère la première possibilité (viz. spécifier une font-size pour les corps des articles), alors je suggère changer la font-size de main de 0.8em en 10px (ou la taille qu'on veut). Il semble que div.main couvre tout. [Si c'est vrai, alors on se demande si on devrait changer div.main en body dans le feuille de style, et supprimer son div des pages.]
Je peut envoyer le style.css ainsi changé si tu veux (dis-moi quelle adresse ou comment envoyer).
pjrm.
[ Répondre ]


