CSS Mise en page d'un site web

Bonjour à toutes et à tous,

CSS Mise en page d'un site web

J'utilise 800px comme largeur maximale de mes fenêtres. Celles-ci sont affichées à gauche de l'écran.
Question 1
Comment faire pour qu'elles s'affichent au centre de l'écran?

Question 2
La résolution de mon écran est de : 1280x1024.
Quelle largeur donner à un bandeau titre pour que mes fenêtres occupent le maximum de largeur de l'écran?
Question 3

Faut-il utiliser une div page différente de body, je ne l'ai jamais fait?

Avec mes remerciements
Cordialement
Papy

Bonjour,

Jean Sympa a écrit :
Question 1
Comment faire pour qu'elles s'affichent au centre de l'écran?

Un peu de lecture pour résoudre le problème: Centrer les éléments ou un site web

Jean Sympa a écrit :
Question 2
La résolution de mon écran est de : 1280x1024.
Quelle largeur donner à un bandeau titre pour que mes fenêtres occupent le maximum de largeur de l'écran?

Tu as une largeur maximale de fenêtres à 800px et là, tu veux qu'un bandeau titre soit à 100 % de la largeur de l'écran ? Aurais-tu une image de ce que tu cherches à faire ?

Jean Sympa a écrit :
Question 3
Faut-il utiliser une div page différente de body, je ne l'ai jamais fait?

Ça dépend de la structure que tu veux donner à ton site. Donne nous plus de détails...

Merci Mabelle ,

j'ai étudié l'article, je n'y ai pas trouvé la solution de mon problème. Comme le montre
la figure jointe l'affichage de mon site est collé au bord gauche de l' écran. Je voudrais le décaler
vers la droite pour l'afficher au centre de l'écran.
Comment faire?

Cordialement
Papy

Le truc pour centrer en css c'est :

.centrage{
margin:0 auto;
}

Par exemple pour centrer tout ton site, tu appliques cette class="centrage" à ton conteneur principal et tu lui assigne une largeur fixe ou en tout cas inférieure à 100%.

Merci oliviadox,

Je suis débutant, donc encore peu expérimenté.
Je place

.centrage{ 
margin:0 auto; 
}

Dans le fichier styles.css
> pour centrer tout ton site, tu appliques cette class="centrage" à ton
> conteneur principal et tu lui assigne une largeur fixe ou en tout cas
> inférieure à 100%.

Dans index.html le conteneur principal est body;
comment faut-il écrire l'appel à la classe centrage?
Cordialement
Papy

Bonjour, il te faut mettre un conteneur global par exemple #page que tu règles via les css.

#page {
width: 800px;
margin: 0 auto;
}

En ce moment, tes blocs se positionnent par défaut à gauche et c'est normal.

Je peux comprendre que tu sois débutant mais il te faut aussi essayer de comprendre l'article que je t'avais donné. Tout y est pourtant très bien expliqué.