Page 1 sur 1

Comment centrer tout l'ensemble de la page

Publié : 28 août 2016, 15:42
par PoppyGuy
Bonjour,
J'ai réduis une largeur de balise (je suppose), mais il y en a plein.
Comment puis-je faire pour que tout soit de la même largeur ?
Merci de votre aide
Cordialement
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

Re: Comment centrer tout l'ensemble de la page

Publié : 29 août 2016, 09:36
par chinon37
Bonjour,
Je n comprends pas vraiment la question.
- Si tu veux centrer l'ensemble, il suffit, pour le bloc principal, de donner une largeur fixe, et appliquer des marges droite et gauche "auto". (Facile à faire avec KompoZer).
Pour faire simple, tu introduits un <div> qui englobera tout le site, juste après <body>, et c'est à ce div que tu appliqueras les directives ci-dessus

<body style="color: white; background-color: rgb(0, 51, 153);" alink="#33ff33" link="#dcd296" vlink="#dcd296">
<div style="width: 1000px; margin-left: auto; margin-right: auto;">
<h1 style="text-align: center; width: 1452px;"><span style="color: red;">M</span><span style="color: rgb(51, 255, 51);">é</span><span style="color: rgb(255, 255, 51);">t</span><span style="color: rgb(102, 255, 255);">é</span><span style="color: rgb(204, 51, 204);">o</span> "St Florent des bois"
-&nbsp; "La Clopinière" - "La Sicaudière"</h1>

<h2 style="text-align: center; width: 1451px;">Commune des "Rives de L'Yon"</h2>

<div style="text-align: center; width: 1449px;">Relevés météo avec une
station
amateur "Oregon WMR200" placée à "La Clopininière"<br>
Il y a la possibilité de voir les relevés effectués depuis 2011 (en
pleine évolution)<br>
<span style="color: r ..................................
...................<big><big>
<span style="text-decoration: underline;"></span><img style="width: 1400px; height: 616px;" alt="Mois" src="Mois.JPG"><br>
</big></big>
<big><big><br>
</big>
</big>
<h4><big><big>Mini et Maxi du mois en cours<br>
</big></big></h4>

<big><big>
<img style="width: 1400px; height: 615px;" alt="MiniMaxi" src="Mini_Maxi.jpg"><br>
</big></big>
<br>

<big><big>
</big>
</big>
</div></div></div>
</div>


</body></html>

Mais c'est un peu mettre une rustine sur une chambre à air usagée. L'idéal est de passer par une feuille de style, une fois encore :wink:
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

Re: Comment centrer tout l'ensemble de la page

Publié : 29 août 2016, 09:50
par PoppyGuy
Bonjour,
Merci pour ta réponse.
L'idéal est de passer par une feuille de style, une fois encore
Comment que l'on fait pour commencer par une feuille de style ?
Dans Applications, j'ai coché "utilisé les paramètres par défaut"
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

Re: Comment centrer tout l'ensemble de la page

Publié : 31 août 2016, 14:18
par chinon37
Bonjour,

Une feuille de style, c'est un fichier à part, lié à la page html. La feuille de style se crée à partir de l'outil "css" (icône "palette de peintre").
Elle se crée une fois que tu as enregistré ta page, pour être liée en lien relatif à celle-ci. Ensuite, il te suffit de suivre les indication de l'éditeur css.
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

Re: Comment centrer tout l'ensemble de la page

Publié : 02 sept. 2016, 08:28
par Ymai
Bonjour
Oserais-je? http://info.sio2.be/kpz/3
Votre Navigateur : Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:48.0) Gecko/20100101 Firefox/48.0

Re: Comment centrer tout l'ensemble de la page

Publié : 02 sept. 2016, 11:09
par PoppyGuy
Tu as bien fait d'oser.
Merci pour le lien
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0