Re : affichage de sous menu
Alors j'ai bien une position et un z-index dans mon menu.css du template, voici le détail :
.ry-mainnav {
width: 60%;
position:absolute;
top: 40px;
right: 0;
}
.ry-mainnav ul {
list-style: none;
margin:0;
padding:0;
float: right;
}
.ry-mainnav ul ul {
margin: 0; /* all lists */
padding: 0;
}
.ry-mainnav ul li {
margin: 0;
padding: 0 3px;
float: left;
list-style: none;
background: none;
display: block;
}
.ry-mainnav ul li ul {
width: 16.4em;
position: absolute; /* second-level lists */
z-index: 99;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
w\idth: 15.9em;
}
.ry-mainnav ul li ul ul {
margin: -2em 0 0 14em; /* third-and-above-level lists */
}
.ry-mainnav ul li li {
padding: 0 1em 0 0;
margin: 0;
width: 14.9em;
}
.ry-mainnav ul ul a {
width: 14.8em;
w\idth: 10.8em;
Je vois pas trop ?
Alors j'ai bien une position et un z-index dans mon menu.css du template, voici le détail :
.ry-mainnav {
width: 60%;
position:absolute;
top: 40px;
right: 0;
}
.ry-mainnav ul {
list-style: none;
margin:0;
padding:0;
float: right;
}
.ry-mainnav ul ul {
margin: 0; /* all lists */
padding: 0;
}
.ry-mainnav ul li {
margin: 0;
padding: 0 3px;
float: left;
list-style: none;
background: none;
display: block;
}
.ry-mainnav ul li ul {
width: 16.4em;
position: absolute; /* second-level lists */
z-index: 99;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
w\idth: 15.9em;
}
.ry-mainnav ul li ul ul {
margin: -2em 0 0 14em; /* third-and-above-level lists */
}
.ry-mainnav ul li li {
padding: 0 1em 0 0;
margin: 0;
width: 14.9em;
}
.ry-mainnav ul ul a {
width: 14.8em;
w\idth: 10.8em;
Je vois pas trop ?
Commentaire