Bonjour à tous,
J'ai un menu dynamique qui est vertical, mais quand il se déroule, il décale tout ce qui est en dessous.
Voici mon code css:
[cpp]#menu {
margin: 0;
padding: 0;
min-height: 438px;
text-align: left;
color: #FFF;
}
*html #menu {
height: 400px;
}
.titremenu {
margin: 15px 0 10px 0;
padding: 0;
text-align: center;
line-height: 140%;
width: 100%;
float: left;
font-size: 16px;
color: #FF0;
font-weight: bold;
background: #888;
}
#menu ul {
margin: 0px 0 10px 0px;
padding: 0;
}
#menu ul li {
margin: 0 0 5px 5px;
padding: 0;
width: 100%;
line-height: 130%;
float: left;
list-style-type: none;
display: block;
font-weight: bold;
}
#menu ul li ul {
margin: 0;
pdding: 0;
display: none;
}
#menu ul li:hover ul {
margin: 0px 0 0 5px;
padding: 0;
display: block;
}
#menu ul li ul li {
margin: 0;
padding: 0;
line-height: 130%;
list-style-type: none;
display: inline;
font-weight: normal;
}
#menu ul li ul li a, #menu ul li ul li a:visited {
color: #FFF;
}
#menu a, #menu a:active, #menu a:visited {
margin: 0 0 0 -5px;
padding: 0 5px 0 10px;
width: 90%;
line-height: 140%;
display: block;
text-decoration: none;
color: #FFF;
}
#menu a:hover {
background: #3B6C96;
}[/cpp]
Merci de m'aider à faire en sorte que le menu se déroule au-dessus de ce qu'il y a dessous.
J'ai un menu dynamique qui est vertical, mais quand il se déroule, il décale tout ce qui est en dessous.
Voici mon code css:
[cpp]#menu {
margin: 0;
padding: 0;
min-height: 438px;
text-align: left;
color: #FFF;
}
*html #menu {
height: 400px;
}
.titremenu {
margin: 15px 0 10px 0;
padding: 0;
text-align: center;
line-height: 140%;
width: 100%;
float: left;
font-size: 16px;
color: #FF0;
font-weight: bold;
background: #888;
}
#menu ul {
margin: 0px 0 10px 0px;
padding: 0;
}
#menu ul li {
margin: 0 0 5px 5px;
padding: 0;
width: 100%;
line-height: 130%;
float: left;
list-style-type: none;
display: block;
font-weight: bold;
}
#menu ul li ul {
margin: 0;
pdding: 0;
display: none;
}
#menu ul li:hover ul {
margin: 0px 0 0 5px;
padding: 0;
display: block;
}
#menu ul li ul li {
margin: 0;
padding: 0;
line-height: 130%;
list-style-type: none;
display: inline;
font-weight: normal;
}
#menu ul li ul li a, #menu ul li ul li a:visited {
color: #FFF;
}
#menu a, #menu a:active, #menu a:visited {
margin: 0 0 0 -5px;
padding: 0 5px 0 10px;
width: 90%;
line-height: 140%;
display: block;
text-decoration: none;
color: #FFF;
}
#menu a:hover {
background: #3B6C96;
}[/cpp]
Merci de m'aider à faire en sorte que le menu se déroule au-dessus de ce qu'il y a dessous.