Ver Mensaje Individual
  #9 (permalink)  
Antiguo 24/02/2011, 04:25
AJDC
 
Fecha de Ingreso: agosto-2003
Mensajes: 324
Antigüedad: 20 años, 8 meses
Puntos: 1
Respuesta: Menu desplegable sobre una imagen

la hoja de estilo, la que actua sobre esos elementos ...
Código:
* { margin: 0px;
padding: 0px; 
outline: 0;
}
html, body { width: 100%;}


body {
font-family: Calibri;
}

DIV#con-flash{
position:relative;
align: center;

}
DIV#con-menu{
position:relative;
align: center;
z-index:6;
}


#menu {  text-align: center;
font-size: 0.7em;
width: 962px;
margin: 0px auto;
/*vertical-align: middle;*/

z-index:5; 

}

#menu ul { list-style-type: none;}

#menu ul li.nivel1 { float: left;
width: 162px;
margin-right: 0px;
}



#menu ul li a {display: block;
text-decoration: none;
color: #fff;
background-color: #44707D; /*Color de fondo del nivel que sea*/
/*border: solid 1px #fff; *//*Color de los bordes de las celdas*/
border-top: solid  #ffffff 0px;
border-right: solid  #ffffff 1px;
border-bottom: solid  #ffffff 0px;
border-left: solid  #ffffff 0px;


padding: 8px;
position: relative;
/*z-index:-1; */
}

/*PARA ASPECTO SIMPLE DEL NIVEL 2*/
#menu ul li.nivel2 a.nivel2 {
display: block ;
text-decoration: none;
color: #fff;
background-color: #939393; /*Color de fondo del nivel que sea*/
border: solid 1px #fff;
padding: 1px 1px 1px 1px;  /*padding: 1px;*/
position: relative;
margin: 3px 1px 1px 1px; /*margin: 3px;*/
}


#menu ul li:hover {position: relative;
display: block!important; 
}


/*#menu ul li a:hover, #menu ul li:hover a.nivel1 {*/
/*background-color: #5CC9BA; /*Color sobre nivel1*/*/
/*color: #000;*/
/*position: relative;*/
/*}*/

/*#menu ul li a:hover, #menu ul li:hover ul {*/
/*background-color: #5CC9BA; /*Color sobre nivel1*/*/
/*color: #000;*/
/*position: relative;*/
/*}*/


/*#menu ul li a.nivel1 {display: block!important;display: none;   */
#menu ul li a.nivel1 {display: block; 
position: relative;
}

#menu ul li ul {display: none; 
} 


#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;
left: 0px;
}

/*NIVEL 2*/
#menu ul li ul li a {width: 200px; /*Aspecto normal  - Ancho de las celdas de nivel2*/
padding: 6px 0px 8px 0px; /*padding: 6px 0px 8px 0px;*/
border-top-color: #000;
}

#menu ul li ul li.nivel2 a.nivel2:hover {border-top-color: #000;   /*Aspecto cuando es hover  .. Color sobre nivel2*/
position: relative;
background-color: #646464;
color: #fff;
border: solid 1px #fff;
}
/*FIN NIVEL 2*/


table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
gracias...