Dimensions

Bonjour

lors ce que l'on met

BODY         {
                         display: block;
                         line-height: 200%;
                         width: 400px;
                         height; 400px;
                         }

la hauteur entre les lignes est de 24px

qui peut m'expliquer comment 200% de 400px peut faire 24px

bonne journée

patrick

Bonjour.

Holà, holà...

Il n'est pas pertinent d'écrire body{display:block} : On assigne la propriété display:block aux éléments de nature inline (comme <a>, <label>, <input>)

Line-height:200% signifie la même chose que 2em. C'est à dire que la hauteur des lignes doit être de deux fois la hauteur d'un caractère. Ce n'est donc pas 200% de 400px, car 400px, c'est la hauteur de body.

Maintenant, si vous optenez, 24px, j'en déduit que les caractères font 12px.

Donc, vous pouvez fixer la hauteur des caractères avec font-size, et fixer la hauteur des lignes avec line-height exprimé en "em" (donc en fonction de la fonte courante...)

BODY {
          width: 400px;
          height; 400px;
         /* display: block; */[whattha] 
         font-size:12px
         line-height: 2em;  /* ou 24px, ou 1.5em, ou 2.25em, ou 170%... etc*/
         }

De cette manière, si vous fixez font-size à 16px, line-height devrait se fixer à 32px.
Modifié par GeorgesM (17 Dec 2006 - 11:33)

GeorgesM a écrit :
Donc, vous pouvez fixer la hauteur des caractères avec font-size

BODY {         font-size:12px
         }

En théorie oui, mais par pitié pour ceux qui en ont besoin : évitez de figer la taille de police en pixels

http://css.alsacreations.com/Accessibilite-du-Web/Agrandissement-de-la-taille-des-polices

bonsoir

c'est juste que j'essaye de faire une feulle de style pour pouvoir faire une impression et que la page de mon site teinne sur une seule page.

bonne soirée et merci pour vos reponses

patrick
Modifié par absalonp (18 Dec 2006 - 07:44)

absalonp a écrit :
c'est juste que j'essaye de faire une feulle de style pour pouvoir faire une impression

Dans ce cas, il est plutôt conseillé de dédier une feuille de style à ce médium!

Un peu de lecture: Une feuille de style pour l'impression
Modifié par Benjamin D.C. (17 Dec 2006 - 22:54)

Benjamin D.C. a écrit :
Dans ce cas, il est plutôt conseillé de dédier une feuille de style à ce médium!

+1
Lien complémentaire : openweb - Une feuille de style pour l'impression

<edit>Rhaaa : grillée par l'édition</edit>
Modifié par Cygnus (17 Dec 2006 - 22:57)

oui cest ce que j'ai fait mais je cherche à voir en jouant avec la taille des caracteres ou des interlignes de la faire tenir sur une page

site http://www.paroissevertsaintvrain.fr

patrick
Modifié par absalonp (17 Dec 2006 - 22:59)