Comment centrer mon texte et menu ??

**bugmenot** · 11/03/2007, 05h48

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.

CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
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:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<body>
 
<ul class="menu">
 
<li> <a href="accueil.html">Accueil</a> </li>
 
</ul>
 
</body>.

**roudoudouduo** · 12/03/2007, 09h04

Sous quel navigateur tes tests sont ils effectués ? Au risque de me faire taper dessus pas certain la balise <center></center> bien que déprécié marche sur tous les navigateurs meme les anciens... Tandis que margin-left, margin-right ne marche pas vraiment bien sous IE

**speedev** · 12/03/2007, 10h37

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
width:800px; /*la largeur de fond.jpg*/

Ton code à l'air à peu près dans une bonne voie mais cette ligne ne correspond pas à la largeur de ton fond. Là tu fixes une largeur au body ce qui n'est pas recommandé je pense. Je ne suis pas sûr de te suivre par contre

Je crois que tu veux mettre un fond de 800px centré sur ta page afin que ton site soit contenu sur toute cette surface huh?
Si j'ai pigé tu as donc besoin seulement d'une image de 800px de large et que cette ligne soit utilisée.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
background: #FFF url(fond.jpg) repeat-y center;

De cette manière tu auras une bande au milieu de ton site de 800px et centrée, s'agissant de ton fond répété verticalement.
Mais ne met pas la ligne width:800px dans ton body déjà...

Comment centrer mon texte et menu ??

Centrer un élément en CSS

Discussions similaires

Partager

Partager