Comment centrer tout l'ensemble de la page

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

PoppyGuy
Lézard vert
Messages : 153
Inscription : 08 oct. 2011, 18:55

Comment centrer tout l'ensemble de la page

Message 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
http://meteofloralies.free.fr
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Re: Comment centrer tout l'ensemble de la page

Message 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
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
PoppyGuy
Lézard vert
Messages : 153
Inscription : 08 oct. 2011, 18:55

Re: Comment centrer tout l'ensemble de la page

Message 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
http://meteofloralies.free.fr
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Re: Comment centrer tout l'ensemble de la page

Message 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
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Re: Comment centrer tout l'ensemble de la page

Message 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
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
PoppyGuy
Lézard vert
Messages : 153
Inscription : 08 oct. 2011, 18:55

Re: Comment centrer tout l'ensemble de la page

Message 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
http://meteofloralies.free.fr
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 7 invités