buenas, estoy "tratando" de hacer un submenú con CSS(Soy principiante en esto)
el asunto es que mas abajo tengo definido lo sgte:
- una tabla con un tr y 3 td dentro de ella
- en el 3er td quiero que al pasar el mouse por encima despliegue un submenú definido por un div de nombre submenu mas abajo en este código...
el asunto es que cuando paso el mouse por encima del 3er td, muestra efectivamente la tabla con el submenú, pero si quiero navegar en ese submenú se desaparece al instante... ya se que desaparece por el hidden que le hago cuando hace el onmouseout... ahora mi pregunta, ¿habrá alguna manera de que cuando haga el onmouseout compruebe primero si viene del menu VALOR? en este caso el submenú aunq halla hecho un onmouseout debería dejarlo visible pero si no viene del menu VALOR debería hacer efectivamente el hidden...
el menú es mas menos asi:
---------------------------
| INICIO | VALOR |
---------------------------
cuando hago el onmouseout sobre valor quiero que aparezca esto y lo hace:
---------------------------
| INICIO | VALOR |
---------------------------
.............| HISTORIAL |
.............--------------
el asunto es que si me salgo de valor(para donde sea) se desaparece el submenú historial... no sé si me explico... gracias
<table border=0 cellspacing=0 cellpadding=0 bordercolor="white" bgcolor="red" align=left>
<tr>
<td align=center width=60 onmouseover="style.cursor='hand';" onclick="parent.abajo.location.href='proceso.asp'" ><a href="proceso.asp" target = "abajo">INICIO</a></td>
<td align=center width=1 bgcolor="red"></td>
<div><td align=center width=100 onmouseover="style.cursor='hand'; parent.arriba.submenu.style.visibility='visible';" onmouseout="parent.arriba.submenu.style.visibility ='hidden';"><div align="center"><a href="./../valor/valor.asp" target = "abajo">VALOR</a></div></td></div>
</table>
y mas abajo tengo definido este div:
<div id="submenu" style="left: 71px; top: 121px; visibility: hidden; position: absolute;">
<table border=0 cellspacing=0 cellpadding=0 bordercolor="white" bgcolor="red" align=left>
<tr><td align=center width=100>HISTORIAL</td></tr>
</table>
</div>