hola q tal soy una iniciada en el diseño web, con el Dreamweaver me manejo, pero de
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
}
