28173 sujets

CSS et mise en forme, CSS3

Bonjour,

En lisant la thèse de doctorat d'Håkon Wium Lie (devinez sur quel sujet Smiley cligne ), je lis ça :
a écrit :
Run-in boxes: These were introduced in CSS2 to support run-in headings, that is, block elements where the heading is integrated into the first paragraph. Run-in headings can also be expressed in CSS1, but then an extra container element is required around the heading and the first paragraph. By having the run-in defined as a special box, the markup doesn't have to be changed to achieve the typographical effect.
Compact boxes: These were introduced in CSS2 mainly so that the compact attribute on the UL, OL and DL elements could be deprecated in HTML4 [HTML4 1997]. The typographic effect of declaring an element to be compact is that the corresponding box is placed in the margin of the next block-level element, if possible. This kind of formatting is often used in dictionaries to save vertical space. Unlike run-in boxes, there is no way to achieve the typographical effect of compact boxes through other means.
J'ai du mal à comprendre la différence entre run-in (que j'utilise beaucoup) et compact (que je n'utilise jamais), du coup. webdevout n'a rien là-dessus.

Une comparaison avec Opera (Firefox ne gère pas run-in) ne m'a pas plus avancé. Pour ce que je comprends :
[b]run-in[/b]

Définition 1 : texte 1
Définition 2 : texte 2
Définition 3 : texte 3
[b]compact[/b]

Définition 1 : texte 1 Définition 2 : texte 2 Définition 3 : texte 3


Sauf que... un run-in sur l'élément englobant (ul/ol/dl) plutôt que sur l'englobé (li/dt/dd) reviendrait au même que ce que donne compact, me semble-t-il.

Alors, une idée ? Merci.
Modifié par David Latapie (04 Oct 2006 - 16:13)
Salut David,

display:compact semble ne pas fonctionner sous Firefox et display:run-in non plus. Les deux types de boîtes semblent être ignorées, Firefox affiche alors généralement des boîtes du type bloc. D'après ton exemple (sauf erreur), Opera ne gère pas la propriété run-in non plus... Puisque les éléments devraient être contenus dans une boîte en-ligne.

La différence entre les deux propriétés est définie dans la spécification CSS2 (voir traduction).