Partout Les forums Les lexiques Les tutoriaux

Apprendre les langages du web c'est si simple avec nous

Les calques - XwZ

Les calques sont de simples blocs que l'on place où on le désire.
La balise de ces fameux blocs est div.
La syntaxe est simple :

<div>
  Le contenu du calque.
</div>

L'attribut le plus important pour les claques est class car tout ce qui concerne la mise en page par calques est géré par le CSS.
Pour cela on utilise les objets CSS suivant :
-> postition
- static : ceci est la position par défaut donc rien de spécial.
- absolute : ceci fait un calque flottant, on peut le placer comme on le désire.
- fixed : ceci fait un calque fixe, il ne bouge plus de la où on le place, il reste afficher au même endroit même si on fait défiler la page.

-> border : déjà vu précédemment

-> left : place le calque à x pixels ou x cm (suivant l'unité que vous choisissez) du bord gauche de la page

-> top : place le calque à x pixels ou x cm (suivant l'unité que vous choisissez) du bord haut de la page

-> text-align
- center : aligne le texte au milieu
- left : aligne le texte à gauche
- right : aligne le texte à droite

-> font-familly : déjà vu précédemment

-> background : déjà vu précédemment</dd>

-> color : déjà vu précédemment</dd>

-> padding
- padding-left : modifie la marge interne de gauche.
- padding-right : modifie la marge interne de droite.
- padding-top : modifie la marge interne du haut.
- padding-bottom : modifie la marge interne du bas.

-> margin
- margin-left : modifie la marge externe de gauche.
- margin-right : modifie la marge externe de droite.
- margin-top : modifie la marge externe du haut.
- margin-bottom : modifie la marge externe du bas.

-> width : déjà vu précédemment

-> height : Fixe la hauteur du calque

-> overflow : sert à modifier la visibilitée des scrolls
- scroll : Rend les scrolls du calque visible même si on en a pas besoin
- hidden : Cache les scrolls
- visible : Rend les scrolls du calque visible seulement si on en a besoin
- auto : Rend les scrolls du calque visible seulement si on en a besoin

-> float : Sert à aligner des calques.
- left : Ici il fait remonter le calque du dessous et le place à sa droite si le calque du dessous à la place sur la même ligne que l'autre.
- right : Ici il fait remonter le calque du dessous et le place à sa gauche si le calque du dessous à la place sur la même ligne que l'autre.

ATTENTION :
- Il faut toujours accompagner le texte avec les balises de paragraphe.
- Il faut toujours spécifier la largeur des calques quand on utilise l'objet float.

Les commentaires :