Differences

This shows you the differences between two versions of the page.

--- 2017_2018:s1:webdoc:td3 [2017/11/23 08:12] – [Barre de navigation] pourcelot
+++ 2017_2018:s1:webdoc:td3 [2017/11/23 08:23] – [Autour des boites] pourcelot
@@ Line 132: / Line 132: @@
 Mettez en commentaire la ligne du script CSS fourni qui les désactive, et visualiser à nouveau l'HTML dans un navigateur.
+<note tip>Les marges permettent également de centrer des conteneurs (block).
-<note tip>Par défaut, lorsqu'on indique la taille d'un conteneur (block), à l'aide des propriétés CSS ''width'' et ''height'', les bordure et les marges externes ne sont pas prises en compte.
+Il suffit de préciser la largeur de l'élément (''width''), puis de fixer ''margin-left'' et ''margin-right'' à ''auto''.
-Il est souvent plus pratique lorsqu'on crée une mise en page de faire en sorte que les dimensions indiquées soient celles du conteneur //marges comprises//. Pour changer la méthode de calcul de la taille d'un conteneur pour //tous// les éléments de la page, écrivez ''*{box-sizing: border-box;}'' au début de votre feuille CSS.</note>
+<code>
+#monbloc {width: 500px;
+          margin-left:auto;
+          margin-right:auto;}
+</code>
+</note>
+<note tip>Par défaut, lorsqu'on indique la taille d'un conteneur, à l'aide des propriétés CSS ''width'' et ''height'', les bordures et les marges externes ne sont pas prises en compte.
+Il est souvent plus pratique lorsque l'on crée une mise en page de faire en sorte que les dimensions indiquées soient celles du conteneur //marges comprises//. Pour changer la méthode de calcul de la taille d'un conteneur pour //tous// les éléments de la page, écrivez ''*{box-sizing: border-box;}'' au début de votre feuille CSS.</note>
 ===== Mise en pratique =====