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érateurs : chinon37, Kazé, Ymai, bobo

Avatar de l’utilisateur
PoppyGuy
Lézard vert
Messages : 121
Inscription : 08 oct. 2011, 18:55
Localisation : France (Vendée)
Contact :

Comment centrer tout l'ensemble de la page

Message par PoppyGuy » 28 août 2016, 15:42

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

Avatar de l’utilisateur
chinon37
Animal mythique
Messages : 5307
Inscription : 21 mars 2005, 10:17
Localisation : Touraine, entre Loire et Vienne
Contact :

Re: Comment centrer tout l'ensemble de la page

Message par chinon37 » 29 août 2016, 09:36

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.

Avatar de l’utilisateur
PoppyGuy
Lézard vert
Messages : 121
Inscription : 08 oct. 2011, 18:55
Localisation : France (Vendée)
Contact :

Re: Comment centrer tout l'ensemble de la page

Message par PoppyGuy » 29 août 2016, 09:50

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

Avatar de l’utilisateur
chinon37
Animal mythique
Messages : 5307
Inscription : 21 mars 2005, 10:17
Localisation : Touraine, entre Loire et Vienne
Contact :

Re: Comment centrer tout l'ensemble de la page

Message par chinon37 » 31 août 2016, 14:18

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.

Avatar de l’utilisateur
Ymai
Tyrannosaurus Rex
Messages : 4208
Inscription : 12 mars 2005, 11:36
Localisation : Brüsel - Les Cités Obscures
Contact :

Re: Comment centrer tout l'ensemble de la page

Message par Ymai » 02 sept. 2016, 08:28

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.

Avatar de l’utilisateur
PoppyGuy
Lézard vert
Messages : 121
Inscription : 08 oct. 2011, 18:55
Localisation : France (Vendée)
Contact :

Re: Comment centrer tout l'ensemble de la page

Message par PoppyGuy » 02 sept. 2016, 11:09

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

Répondre

Qui est en ligne ?

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