programación mis conocimientos son más bien escasos, he diseñado una web para el salón de peluquería
de mi madre y me vendría muy bien poner un menú parecido a este q he encontrado en una web, el problema
de este menú es q si te sales de él no tiene ningún tipo de retardo q te lo deje activo un par de
segundos, para dentro de ese intervalo de tiempo poder regresar a él sin q desaparezca.
He estado haciendo probatinas con setTimeout y cleaTimeout, pero no me acaba de salir.
Os pongo el código del htm y del css, a ver en q me podeis ayudar.
Bueno aunq no me solucioneis el problema os agradezco la atención y la pérdida de tiempo,
Gracias y besos desde Madrid,
salu2
MENU.HTM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD><TITLE>Menú Prensa</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1"><LINK
href="normal.css" type=text/css rel=stylesheet>
</HEAD>
<BODY leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
<DIV id=contenedor>
<p> </p>
<p> </p>
<p> </p>
<DIV id=col_izq>
<DIV id=mn>
<p>
<SCRIPT>
function showDiv(v){
var el = document.getElementById('sd');
var fl = document.getElementById('fd');
el.style.top = - parseInt(el.offsetHeight/2);
el.style.left = parseInt(fl.offsetWidth - 10);
el.style.visibility = v ? 'visible' : 'hidden';
}
</SCRIPT>
</p>
<DIV class=bgbdy id=fd onmouseover=showDiv(true) onmouseout=showDiv(false)><A
class=lnk
href="http://www.masprensa.com/">Más
Revistas</A>
<div style="POSITION: relative">
<div id=sd style="VISIBILITY: hidden; POSITION: absolute">
<table cellspacing=0 cellpadding=0 width="100%" border=0>
<tbody>
<tr>
<td valign=top> <div class=bgbdyalt><a class=lnk href="http://www.ar-revista.wanadoo.es/"
target=_blank j4="ar_layer" j3="revistas">AR</a></div>
<div class=bgbdyalt><a class=lnk
href="http://www.caranddriverrevista.wanadoo.es/" target=_blank
j4="caranddriver_layer" j3="revistas">Car and Driver</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.casadiez.wanadoo.es/"
target=_blank j4="casadiez_layer" j3="revistas">Casa Diez</a></div>
<div class=bgbdyalt><a class=lnk
href="http://www.cliorevista.wanadoo.es/clio/" target=_blank
j4="clio_layer" j3="revistas">Clío</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.crecerfeliz.wanadoo.es/"
target=_blank j4="crecerfeliz_layer" j3="revistas">Crecer Feliz</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.deviajes.wanadoo.es/"
target=_blank j4="deviajes_layer" j3="revistas">Deviajes</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.diezminutos.wanadoo.es/"
target=_blank j4="diezminutos_layer" j3="revistas">Diez Minutos</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.elle.wanadoo.es/"
target=_blank j4="elle_layer" j3="revistas">Elle</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.elledeco.wanadoo.es/"
target=_blank j4="elledeco_layer" j3="revistas">Elle Deco</a></div>
<div class=bgbdyalt><a class=lnk
href="http://www.emprendedores.wanadoo.es/" target=_blank
j4="emprendedores_layer" j3="revistas">Emprendedores</a></div></td>
<td valign=top> <div class=bgbdyalt><a class=lnk href="http://www.fotogramas.wanadoo.es/"
target=_blank j4="fotogramas_layer" j3="revistas">Fotogramas</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.que-leer.wanadoo.es/"
target=_blank j4="queleer_layer" j3="revistas">Qué Leer</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.quemedices.wanadoo.es/"
target=_blank j4="quemedices_layer" j3="revistas">¡Qué me dices!</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.quo.wanadoo.es/"
target=_blank j4="quo_layer" j3="revistas">Quo</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.ragazza.wanadoo.es/"
target=_blank j4="ragazza_layer" j3="revistas">Ragazza</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.supertele.wanadoo.es/"
target=_blank j4="supertele_layer" j3="revistas">Supertele</a></div>
<div class=bgbdyalt><a class=lnk
href="http://www.teleindiscreta.wanadoo.es/" target=_blank
j4="teleindiscreta_layer" j3="revistas">Teleindiscreta</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.tele-novela.wanadoo.es/"
target=_blank j4="telenovela_layer" j3="revistas">Telenovela</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.t-p.wanadoo.es/"
target=_blank j4="tp_layer"
j3="revistas">Tp</a></div></td>
</tr>
</tbody>
</table>
</div>
</div>
</DIV>
</DIV>
</DIV>
</DIV>
</BODY>
</HTML>
NORMAL.CSS
A {
FONT-SIZE: 11px; LINE-HEIGHT: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.lnk {
COLOR: #000
}
#col_izq {
FLOAT: left; WIDTH: 138px; max-width: 138px
}
#mn .bgbdy {
PADDING-LEFT: 10px; HEIGHT: 20px
}
#sd .bgbdyalt {
PADDING-LEFT: 10px; HEIGHT: 20px
}
#mn .lnk {
LINE-HEIGHT: 17px
}
#mn .bgbdy {
BORDER-TOP: #fff 1px solid; BACKGROUND-COLOR: #efefef
}
#sd {
WIDTH: 276px
}
#sd .bgbdyalt {
BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid
}
#sd TABLE {
BORDER-RIGHT: #c03 1px solid; BORDER-TOP: #c03 1px solid; BORDER-LEFT: #c03 1px solid; BORDER-BOTTOM: #c03 1px solid; BACKGROUND-COLOR: #efefef
}

