Buenos dias!
He realizado una botonera desplegable en css y no me funciona adecuadamente, al desplegarse el menú no se mantiene y no se como hacer para que se quede quieto hasta que se retire el ratón.
Aquí teneis el ejemplo:
www.314bcn.com/mpv.html CSS
ul.menu
{
list-style:none;
}
ul.menu li
{
position:relative;
widht:100 px
}
ul.menu ul
{
position:absolute;
left:60px;
top:-2px;
display:none;
list-style:none;
}
ul.menu li:hover>ul
{
display:block;
width:100px;
}
ul.menu > li > ul
{
display:none;
left:-35px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:absolute;
top:19px;
width:100px;
z-index: 1;
}
ul.menu>li
{
display:inline;
}
.botones
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
padding: 4px;
color: #FFFFFF;
background-color: #FF9900;
text-align:left;
text-decoration: none;
}
.tabla {
border: thick solid cc6600;
}
.botones:link,
.botones:visited
{
border-top: 1px solid #cccccc;
border-bottom: 2px solid #666666;
border-left: 1px solid #cccccc;
border-right: 2px solid #666666;
text-decoration: none;
}
.botones:hover
{
border-bottom: 1px solid #cccccc;
border-top: 2px solid #666666;
border-right: 1px solid #cccccc;
border-left: 2px solid #666666;
}
MUCHAS GRACIAS POR VUESTRA ATENCIÓN!!!