Léger décalage de mon menu...
Bonjour. En fait j'ai un menu en déroulant en css xhtml et il s'affiche légèrement sur la gauche puis dès qu'on survole une case il se recentre...
Et je ne sais pas d'où ça vient...
Pourriez vous m'aider svp...
Voici mon code:
Code:
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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
#menu {
position: absolute;
left: 50%;
top: 180px;
width: 750px;/* largeur du menu*/
margin-left: -375px;/* Centrage du menu, à la moitié de la largeur */
z-index: 100;
font-size: 100%;
color: Black; /*couleur texte sous-menu*/
}
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
float: left;
width: 150px;/* largeur des cases du menu*/
}
#menu dt{
cursor: pointer;
text-align: center;
font-weight: bold;
background: #78B1F3; /*couleur fond menu*/
border: 1px solid Black;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid Black;
}
#menu li {
text-align: center;
background: #EDEDED; /*fond sous menu*/
}
#menu li a, #menu dt a {
color: Black; /*couleur texte sous-menu*/
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: Red; /*couleur fond sous-menu lien survolé*/
} |
et si vous voulez voir le prob sur mon site... http://mhandallaz.ifrance.com
Merci d'avance. @+
