Hola Foristas, tengo un problemilla. Les consulto ante su amabilidad.
Resulta que la barra de navegación queda, en el sub menú, por debajo de un flash. ¿hay posibilidad que quede por encima?
Vale aclarar que es un maravilloso trabajo de Cssplay, desde allí tomé el código.
Código css
.preload2 {background: url(bmc.gif);}
.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:30px; background:url(bmc.gif);) repeat-x; position:relative; font-family:arial, verdana, sans-serif; font-size:14px; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:30px; line-height:33px; color:#008888; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(gif2/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color: #99CCCC;}
.menu2 li a.top_link:hover span {background:(bmg.gif) repeat-x;}
.menu2 li a.top_link:hover span.down {background:url(bmg.gif) repeat-x;}
.menu2 li:hover > a.top_link {color:#fff;}
.menu2 li:hover > a.top_link span {background:#fff}
.menu2 li:hover > a.top_link span.down {background:#fff;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}
/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul,
.menu2 :hover ul ul,
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu2 :hover ul.sub {left:2px; top:40px; background: #f8f8f9; padding:5px 0; border:1px solid #99CCCC; white-space:nowrap; width:100px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:87px; line-height:20px; text-indent:5px; color: #008888; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../gif2/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background: #99CCCC; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(../gif2/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(../gif2/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:93px; z-index:200; height:auto;}
Gracias desde ya por la constante ayuda!
