Problema con botones

[IruLaN]

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!!!

[emiliodeg]

vas a tener q poner el borde en el boton sin estar seleccionado pero con el mismo color de fondo seria algo asi
.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;
border-bottom: 1px solid #FF9900;
border-top: 2px solid #FF9900;
border-right: 1px solid #FF9900;
border-left: 2px solid #FF9900;
}

[IruLaN]

así que el problrema es que no hay borde???
Muchas gracias mñn en el trabajo lo pruebo y os digo algo.

[IruLaN]

Hola de nuevo... lo acabo de probar pero sigue dándome el mismo problema... el menú desplegable no se aguanta al pasar el raton...

[Mikmoro]

¿Qué significa que no se aguanta? ¿de qué navegador estás hablando?

[IruLaN]

Pues que cuando paso el cursor por encima del boton y se desplega, cuando lo bajo para seleccionar los niveles inferiores estos botones se esconden...
Me pasa con el internet explorer...
puedes comprobarlo en www.314bcn.com/mpv.html

[Mikmoro]

Si diseñas webs debes aprender a reconocer la diferencia entre navegadores y ser más específica en tus consultas.

Lo que te ocurre es en IE7, ¿verdad?. No sé si te has dado cuenta de que en IE6 el menú se descompone, y de la manera que lo estás haciendo no va a funcionar nunca.
Además, tienes los items del submenú sin enlaces, por lo que cuando los añadas te encontrarás con otros problemas, así que lo mejor se que primero hagas el menú como ha de ser y luego busques la manera de que funcione bien en todos los navegadores, o si no, las respuestas que obtengas aquí a los problemas de cada paso del diseño te van a servir de poco.

[IruLaN]

Entonces no sirvió de nada lo que hice??
Estuve buscando manuales por internet y encontre esto... vaya... pues entonces conoceis algun manual que pueda serme de utilidad??

Gracias

[Mikmoro]

¿De un menú desplegable?
Si buscas uno con javascript, sólo con poner menú desplegable+javascript en google te va a dar montones de enlaces.

Si buscas sólo con css, mírate este mensaje de las FAQ.

[IruLaN]

Gracias Mikmoro por tu ayuda.

¿Que es mejor, css solamente o con java??

¿Es el css lo que da errores en internet explorer?

Millones de gracias.

[Mikmoro]

Tanto en javascript como lo que yo te puse con css son compatibles con explorer. La diferencia es:
- con javascript generalmente es más fácil de hacer y configurar, pero si un usuario tiene desactivado javascript no verá desplegarse el menú (cada día menos gente)
- con CSS es un poco más complicado de hacer, pero es más accesible y no da problemas si JS está desactivado.

Tú eliges