remy18
Nouveau membre
voilà j'ai copier sur le net un menu déroulant horizontal.
en dessous j'ai fait mon corps ('body') et mon pieds de page.
Or il s'avère que lorsque j'ouvre mon menu déroulant pour aller ds un de mes sous menus,
tout mon corps et pieds de page descendent avec!
En fait je cherche la commande pour qu'il se déroule au dessus de mon corps!
voilà... Merci les gars..
Mon html:
dl, dt, dd, ul, li {
margin:auto;
font-size:12px; /* taille du texte du menu */
padding: 0; /* épaisseur du menu */
font-family:Arial, Helvetica, sans-serif;
}
#menu {
margin-left:4px;
width: 900px;
width: 100%;
top: 50px;
left: 10px;
}
#menu dl {
float:left; /* pour dire que le 1° menu commence à gauche ! */
width: 12em;
}
#menu dt {
/*line-height: 20px; Hauteur du menu */
width:160px; /* longueur du menu */
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid black;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align:justify;
background: #fff;
}
#menu li a, #menu dt a {
color:#000;
text-decoration:none;
display:block;
height: 50%;
border:0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background:#f7eece; /* Permet de remplir l'intérieur du cadre ds le menu déroulant */
border: 1px #9c6f19 solid; /* permet de créer une bordure ds le menu déroulant sur la sélection */
}
en dessous j'ai fait mon corps ('body') et mon pieds de page.
Or il s'avère que lorsque j'ouvre mon menu déroulant pour aller ds un de mes sous menus,
tout mon corps et pieds de page descendent avec!
En fait je cherche la commande pour qu'il se déroule au dessus de mon corps!
voilà... Merci les gars..
Mon html:
dl, dt, dd, ul, li {
margin:auto;
font-size:12px; /* taille du texte du menu */
padding: 0; /* épaisseur du menu */
font-family:Arial, Helvetica, sans-serif;
}
#menu {
margin-left:4px;
width: 900px;
width: 100%;
top: 50px;
left: 10px;
}
#menu dl {
float:left; /* pour dire que le 1° menu commence à gauche ! */
width: 12em;
}
#menu dt {
/*line-height: 20px; Hauteur du menu */
width:160px; /* longueur du menu */
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid black;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align:justify;
background: #fff;
}
#menu li a, #menu dt a {
color:#000;
text-decoration:none;
display:block;
height: 50%;
border:0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background:#f7eece; /* Permet de remplir l'intérieur du cadre ds le menu déroulant */
border: 1px #9c6f19 solid; /* permet de créer une bordure ds le menu déroulant sur la sélection */
}