Layout, mise en page

(239 mots dans ce texte )  -   lu : 106 Fois     Page Spéciale pour impression

Dans un div class MOD

 

ici le contenu
Je place ici un texte plus long. Pour visualiser les éléments je leur donne une bordure.
Ici deux Div une dimentionné avce w10 et une avec w80

 

Ici le texte h2 à droite

loremipsum toussa machin bidule et loremipsum toussa machin bidule et loremipsum et…loremipsum toussa machin bidule et loremipsum toussa machin bidule et loremipsum et…loremipsum toussa machin bidule et loremipsum toussa machin bidule et loremipsum et…loremipsum toussa machin bidule et loremipsum toussa machin bidule et loremipsum et…

 

Table-layout

Les classes .row et .col permettent d’utiliser le positionnement tabulaire de CSS. Ce mode de positionnement très robuste permet d’avoir des colonnes de même hauteur, des alignements verticaux facilités et des mises en pages simples.

Contenu a
 
Contenu b
plus long
 
Contenu c
beaucoup +
long

 

Inline-block

Utiliser display: inline-block ou la classe .inbl est très utile : cela permet de dimensionner des éléments inline sans pour autant les transformer en blocs, cela permet également de présenter des formulaires élégamment sans se prendre la tête.




Retour à la sous-rubrique :