Positionnement sur le web
Le modèle de positionnement proposé par HTML et CSS est très différent de celui que l'on peut trouver dans des logiciels de PAO type InDesign ou Scribus. La raison est simple: un site web peut être consulté sur de multiples dispositifs d'affichages. La taille est donc une inconnue, contrairement à l'imprimé où l'on met en page pour un format donné.
Le HTML est un flux de balises, et le comportement par défaut est de placer les balises les unes à la suite des autres.
Sommaire
Modèles de boite
Deux grands types:
- en bloc (block)
- en ligne (inline)
Le type block chasse les balises suivantes à la ligne, contrairement au type inline
Les navigateurs attribuent par défaut un type block aux éléments p, div, h1-6, ul, ol, dt, blockquote, figure, form etc. et un type inline aux éléments a, span, img, strong, em etc.
Un cas particulier: les tableaux
Haroldo de Campos, Untitled Poem, 1962
Modèles de positionement
static (defaut)
Voir [1]
relative
absolute
positionnement absolu dont l'origine est donnée par le document, ou bien l'élément parent si celui-ci n'a pas un positionnement static.
fixed
Comme absolute, mais insensible au défilement car se réfère au viewport (la fenêtre)
Unités de mesure
Les principales valeurs sont :
- px (absolu)
- em (relatif)
- % (relatif)
