Tengo un menu pero el menu aparece atras del objeto flash, si la position es relative, ya intente modificar la position, en absolute e inherit, sale movido el menu ¿como le hago?
Código:
¿como le hago para que el menu salga encima del flash y no abajo?<style type="text/css">
A#titulo {MARGIN-LEFT: 0px;
FONT-WEIGHT: bold;
FONT-SIZE: 14pt;
COLOR: White;
PADDING-BOTTOM: 0px;
PADDING-TOP: 1px;
PADDING-LEFT: 0px;
TEXT-DECORATION: UNDERLINE;
BACKGROUND-COLOR: #FE7200;
}
A#titulo:Hover {BACKGROUND-COLOR: #0064FF;
COLOR: White;
TEXT-DECORATION: underline;
FONT-SIZE: 15pt;
PADDING-BOTTOM: 0 px;
PADDING-TOP: 0 px;
FONT-WEIGHT: bold;}
.recuadros {padding-right:0px; padding-left:0px; padding-top:2px; padding-bottom:2px; position:absolute;border-style:solid;border-color:cccccc;border-width:2px;visibility:hidden;font-family:verdana,arial;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=3); }
.ancla {position:relative;visibility:visible; background-color: #ffffff; border-color:#C0C0C0;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=3); }
table#vinc{font-size:20px;width:auto}
.out{
background-color:#f6f6f6;
color:#22cc44;
border-style:solid;border-color:cccccc;border-width:2px;
width:auto;
}
.over{
background-color:#FFEEC2;
color:#0099ff;
cursor:hand;
}
</style>
<script type='text/javascript' src='x_core.js'></script>
<script type='text/javascript'>
var empezar = false
var anclas = new Array ("ancla1","ancla2","ancla3","ancla4","ancla5")
var capas = new Array("e1","e2","e3","e4","e5")
var retardo
var ocultar
function muestra(capa){
xShow(capa);
}
function oculta(capa){
xHide(capa);
}
function posiciona (){
for (i=0;i<capas.length;i++){
posx= xOffsetLeft(anclas[i])
posy= xOffsetTop (anclas[i])
xMoveTo(capas[i],posx,posy+20)
}
}
window.onload = function() {
posiciona()
empezar = true
}
window.onresize = function() {
posiciona()
}
function muestra_coloca(capa){
if (empezar){
for (i=0;i<capas.length;i++){
if (capas[i] != capa) xHide(capas[i])
}
clearTimeout(retardo)
xShow(capa)
}
}
function oculta_retarda(capa){
if (empezar){
ocultar =capa
clearTimeout(retardo)
retardo = setTimeout("xHide('" + ocultar + "')",1000)
}
}
function muestra_retarda(ind){
if (empezar){
clearTimeout(retardo)
}
}
</script>
<table id="vinc"><tr><td class="out">
<div id=ancla1 class=ancla><a id="titulo" href="#" onmouseover="muestra_coloca('e1')" onmouseout="oculta_retarda('e1')">Divisiones</a></div></td>
<td class="out"><div id=ancla2 class=ancla><a id="titulo" href="#" onmouseover="muestra_coloca('e2')" onmouseout="oculta_retarda('e2')"> Centro de Atencion</a></div></td>
<td class="out"><div id=ancla3 class=ancla><a id="titulo" href="#" onmouseover="muestra_coloca('e3')" onmouseout="oculta_retarda('e3')">Infraestrucuta</a></div></td>
<td class="out"><div id=ancla4 class=ancla><a id="titulo" href="#" onmouseover="muestra_coloca('e4')" onmouseout="oculta_retarda('e4')">Herramientas</a></div></td>
<td class="out"><div id=ancla5 class=ancla><a id="titulo" href="#" onmouseover="muestra_coloca('e5')" onmouseout="oculta_retarda('e4')">Haga Dinero</a></div></td>
</td></tr></table>
<div id="e1" class=recuadros onmouseover="muestra_retarda('e1')" onmouseout="oculta_retarda('e1')">
<table id="vinc">
<tr><td class="out" onmouseover="this.className='over'"
onmouseout="this.className='out'">
XIO</td></tr><tr><td class="out" onclick=window.location.href='http://mimeil.com' onmouseover="this.className='over'"
onmouseout="this.className='out'">
MIMEIL</td></tr>
<tr><td class="out" onmouseover="this.className='over'"
onmouseout="this.className='out'">
Dominios</td></tr>
<tr><td class="out" onmouseover="this.className='over'"
onmouseout="this.className='out'">
Campañss de Publicidad</td></tr>
</table>
</div>
<div id="e2" class=recuadros onmouseover="muestra_retarda('e2')" onmouseout="oculta_retarda('e2')">
<table id="vinc">
<tr><td class="out" onmouseover="this.className='over'"
onmouseout="this.className='out'">
Ventas</td></tr><tr><td class="out" onmouseover="this.className='over'"
onmouseout="this.className='out'">
Tecnico</td></tr>
<tr><td class="out" onmouseover="this.className='over'"
onmouseout="this.className='out'">
Foro</td></tr>
</table>
</div>
<div id="e3" class=recuadros onmouseover="muestra_retarda('e3')" onmouseout="oculta_retarda('e3')">
<table id="vinc">
<tr><td class="out" onmouseover="this.className='over'"
onmouseout="this.className='out'">
Server y Datacenter</td></tr><tr><td class="out" onmouseover="this.className='over'"
onmouseout="this.className='out'">
Sotfware</td></tr>
</table>
</div>
<div id="e4" class=recuadros onmouseover="muestra_retarda('e4')" onmouseout="oculta_retarda('e4')">
<table id="vinc">
<tr><td class="out" onmouseover="this.className='over'"
onmouseout="this.className='out'">
Pruebe el ancho de banda</td></tr><tr><td class="out" onmouseover="this.className='over'"
onmouseout="this.className='out'">
Traceroute</td></tr>
<tr><td class="out" onmouseover="this.className='over'"
onmouseout="this.className='out'">
Who-is</td></tr>
</table>
</div>
<div id="e5" class=recuadros onmouseover="muestra_retarda('e5')" onmouseout="oculta_retarda('e5')">
<table id="vinc">
<tr><td class="out" onmouseover="this.className='over'"
onmouseout="this.className='out'">
Bolsa de Trabajo</td></tr><tr><td class="out" onmouseover="this.className='over'"
onmouseout="this.className='out'">
Comisiones Automaticamente</td></tr></table>
</div></TD></TR></TABLE>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="100%" height="150" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="MEXDATA2.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="MEXDATA2.swf" quality="high" bgcolor="#ffffff" width="100%" height="150" name="MEXDATA2" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
Gracias
