18041 sujets

Questions générales et questions de débutants

Centre horizontalement... [Resolu]

Hello tout le monde,
j'ai cree un site web mais il y a un probleme......
j'ai envie de superposer le menu et le texte sur l'image fond.jpg (etire vers le bas) mais ca marche pas c'est pas centre du tout. ca fait plus de 2 heures que je cherche comme un con mais je trouve pas.
Il y a a la base le body, au dessus il y a l'image fond.jpg et enfin au dessus le menu et le texte.
Comment faire pour que le fond.jpg soit pris comme reference au lieu de la fenetre du navigateur ?
Merci d'avance. Smiley cligne

CSS:

body{
font: 11px verdana, sans-serif;
background: white url("fond.jpg")  center repeat-y; /*j'etire fond.jpg vers le bas....*/ 
text-align:center;
width:800px; /*la largeur de fond.jpg*/
}

.menu {
width: 700px; /* largeur de mon menu....*/
margin-left: auto;
margin-right:auto;
text-align:center;
}


HTML:

<body>
<ul class="menu">
<li> <a href="accueil.html">Accueil</a> </li>
</ul>
</body>

Modifié par gesfdghsdfh (11 Mar 2007 - 19:56)
Bonjour,

Supprimer la largeur de body.

(Pour des raisons un complexes, liées à ce que l'on appelle le conteneur initial et le canevas, l'image d'arrière-plan de l'élément body n'est pas dessinée dans la boîte de cet élément, et sa position à l'écran est donc indépendante du width:800px. D'une manière générale, toujours éviter de dimensionner l'élément body, si l'on veut éviter des situations très spécifiques et s'en tenir à des mises en pages simples à réaliser).
Modifié par Laurent Denis (11 Mar 2007 - 06:46)
Sujet clos
Aller à