Bonsoir,
Je vous explique mon probleme, j'ai créer un menu qui change au passage de la souris.
J'ai centrer le texte mais au passage de la souris les bloc se décale vers le bas et je ne comprend pas pourquoi...
Pour mieux comprend voici le site : IcI
Pouvez vous m'aider svp, merci d'avance
Modifié par Cocopop (06 Sep 2007 - 10:48)
Je vous explique mon probleme, j'ai créer un menu qui change au passage de la souris.
J'ai centrer le texte mais au passage de la souris les bloc se décale vers le bas et je ne comprend pas pourquoi...
Pour mieux comprend voici le site : IcI
1.
body
2.
{
3.
width: 814px; /* Largeur de notre Site */
4.
margin:auto;
5.
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur */
6.
margin-bottom: 20px; /* Idem pour le bas du navigateur */
7.
background-image:url(images/fond.gif);
8.
background-repeat:repeat-x;
9.
10.
}
11.
12.
/* Textes */
13.
14.
Pied
15.
{
16.
font-size:10px;
17.
font-family: Verdana, Georgia, arial, Times, serif; /* Soit mise en Verdana en priorité*/
18.
}
19.
20.
/* L'en-tête */
21.
22.
#en_tete
23.
{
24.
width: 814px;
25.
height: 216px;
26.
background-image: url("images/header.gif");
27.
background-repeat: no-repeat;
28.
29.
}
30.
31.
/* Le Menu */
32.
33.
#menuh {
34.
padding:0;
35.
margin-bottom:41px;
36.
font-size:12px;
37.
font-family: Verdana, Georgia, arial, Times, serif; /* Soit mise en Verdana en priorité*/
38.
39.
}
40.
41.
#menuh ul {
42.
float:left;
43.
list-style-type:none;
44.
display:block;
45.
padding:0;
46.
margin:0;
47.
}
48.
49.
#menuh ul li {
50.
float:left;
51.
display:block;
52.
text-align:center;
53.
margin:0;
54.
padding:0;
55.
}
56.
57.
#menuh a {
58.
color:#FFFFFF;
59.
text-decoration:none;
60.
display:block;
61.
float:left;
62.
margin:0px ;
63.
height:41px;
64.
65.
}
66.
67.
#menuh #un {
68.
width:172px;
69.
height: 41px;
70.
background-image: url("images/bouton1.gif");
71.
text-indent:20px;
72.
background-repeat: no-repeat;
73.
}
74.
75.
76.
#menuh #deux {
77.
width:153px;
78.
height: 41px;
79.
background-image: url("images/bouton2.gif");
80.
background-repeat: no-repeat;
81.
}
82.
83.
#menuh #trois {
84.
width:158px;
85.
height: 41px;
86.
background-image: url("images/bouton3.gif");
87.
background-repeat: no-repeat;
88.
}
89.
90.
#menuh #quatre {
91.
width:157px;
92.
height: 41px;
93.
background-image: url("images/bouton4.gif");
94.
background-repeat: no-repeat;
95.
}
96.
97.
#menuh #cinq {
98.
99.
width:174px;
100.
height: 41px;
101.
background-image: url("images/bouton5.gif");
102.
text-indent: -25px;
103.
background-repeat: no-repeat;
104.
}
105.
106.
107.
#menuh #un:hover {
108.
width:172px;
109.
background-image:url("images/bouton1_P.gif");
110.
height:41px;
111.
background-position:0px
112.
}
113.
114.
#menuh #deux:hover {
115.
width:153px;
116.
background-image:url("images/bouton2_P.gif");
117.
height:41px;
118.
background-position:0px
119.
}
120.
121.
#menuh #trois:hover {
122.
width:158px;
123.
background-image:url("images/bouton3_P.gif");
124.
height:41px;
125.
background-position:0px
126.
}
127.
128.
#menuh #quatre:hover {
129.
width:157px;
130.
background-image:url("images/bouton4_P.gif");
131.
height:41px;
132.
background-position:0px
133.
}
134.
135.
#menuh #cinq:hover {
136.
width:174px;
137.
background-image:url("images/bouton5_P.gif");
138.
height:41px;
139.
background-position:0px
140.
}
141.
142.
/* Le Corps */
143.
144.
#corps
145.
{
146.
width: 814px;
147.
height: 651px;
148.
background-image: url("images/corps.gif");
149.
background-repeat: no-repeat;
150.
}
151.
152.
/* Le Pied de Page*/
153.
154.
#pied_de_page
155.
{
156.
width: 814px;
157.
height: 60px;
158.
color:#FFFFFF;
159.
text-align: center;
160.
padding-bottom:1px;
161.
padding-top:8px;
162.
background-image: url("images/footer.gif");
163.
background-repeat: no-repeat;
164.
165.
}
Pouvez vous m'aider svp, merci d'avance
Modifié par Cocopop (06 Sep 2007 - 10:48)
