« Le langage HTML/Zones de mise en forme » : différence entre les versions

Contenu supprimé Contenu ajouté
m →‎Balises universelles : erreur : .cdd -> .css (le lapsus est révélateur...)
LgD (discussion | contributions)
→‎Mise en application : corr exemple dénué de sens (valeurs de top invalide, sans effet. visibility:visible inutile)
Ligne 145 :
== Mise en application ==
 
Voici un exemple de styles de mise en forme avec un menu, un centre de page et un bas de page. La page se compose de trois calques <code><nowiki><div></nowiki></code> les uns derrières les autres. Les blocs sont modulables : peu importe l'ordre dans lequel on les écrit, on obtienrtobtient le même rendu final.
 
{{gris|&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<nowiki>http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</nowiki>">
Ligne 156 :
{{bleu|.un
{}}
visibility: visible;
position: absolute;
top: 20px; left: 20px; width: 100px; height: 100px
Ligne 162 ⟶ 161 :
{{bleu|.deux
{}}
visibilityposition: visibleabsolute;
positiontop: relative20px; left: 50%; width: 100px; height: 200px
top: 50%-100px; left: 50%-50px; width: 100px; height: 200px
{{bleu|} }}
{{bleu|.trois
{}}
visibility: visible;
position: absolute;
bottom: 20px; left: 20px; width: 100px; height: 20px