Tema: Como ocultar un submenu
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 29/07/2008, 07:19
Avatar de zayed_jat
zayed_jat
 
Fecha de Ingreso: mayo-2006
Mensajes: 121
Antigüedad: 17 años, 11 meses
Puntos: 1
continua el codigo
continua el codigo...

Código: 
/*******************************
*	menu *                    */
UL.menu1 {
	BORDER-RIGHT: #990000 1px solid;
	BORDER-TOP: #990000 1px solid;
	BORDER-LEFT: #990000 1px solid;
    BORDER-BOTTOM: #990000 1px solid;

    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
    PADDING-BOTTOM: 0px;

	BACKGROUND: #f8f8f8;

	MARGIN: 0px;
	OVERFLOW: hidden;
	WIDTH: 160px;/*14em; 160px;*/
	HEIGHT: 19em;
	COLOR: #fff;

	LIST-STYLE-TYPE: none;
	TEXT-ALIGN: left;
}
UL UL {
	/*BORDER-RIGHT: #606 1px solid;*/
    BORDER-RIGHT: #990000 1px solid;
    /*BORDER-LEFT: #606 1px solid;*/
    BORDER-LEFT: #990000 1px solid;
    /*BORDER-TOP: #606 1px solid;*/
    BORDER-TOP: #990000 1px solid;
    /*BORDER-BOTTOM: #606 1px solid;*/
    BORDER-BOTTOM: #990000 1px solid;

	PADDING-LEFT: 0px;
   	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;

	BACKGROUND: #990000;/*#f8f8f8;*/

	MARGIN: 0px;
	OVERFLOW: hidden;

	/*WIDTH: 144px; /* 14em; */ /*ancho del submenu*/
   	/*HEIGHT: 22em;*/
	COLOR: #fff;
	LIST-STYLE-TYPE: none;
	TEXT-ALIGN: left
}
UL.menu1 TABLE {
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
    FONT-SIZE: 1em;
	BORDER-COLLAPSE: collapse
}

UL.menu1 UL {
	MARGIN-LEFT: 1em;
    background-color: #990000
}
UL.menu1 LI { /*items del menu*/     /**********Menu Items Global ***/
    text-align: center;
	TEXT-INDENT: 5px;
/*    padding-left: 5px*/
}

UL.menuB LI { /*items del menu*/     /**********Menu AUTORIZACIONES Desplegado***/
    text-align: left;
	TEXT-INDENT: 5px; /*
    background-color: #990000*/
}


UL.menu1 UL.menuCred LI { /*items del menu*//***Menu CREDENCIAL Desplegado***/
    text-align: left;
	TEXT-INDENT: 5px;
    background-color: #ffffff;
}

UL.menu1 LI.drop { /*items del menu principal*/
	MARGIN-BOTTOM: -2px;
    height: 30;
}
UL.menu1 LI.dropCredencial { /*items del menu principal*/
	MARGIN-BOTTOM: -2px;
    height: 30;

    background-image: url(boton_credenciales.gif);
    background-repeat: no-repeat
}
UL.menu1 LI.dropAutorizaciones{ /*items del menu principal*/
	MARGIN-BOTTOM: -2px;
    height: 30;
    background-image: url(boton_autorizaciones.gif);
    background-repeat: no-repeat
}
UL.menu1 LI.dropHorarios{ /*items del menu principal*/
	MARGIN-BOTTOM: -2px;
    height: 30;
    background-image: url(boton_horarios.gif)
}
UL.menu1 LI.droptelefonos{ /*items del menu principal*/
	MARGIN-BOTTOM: -2px;
    height: 30;
    background-image: url(boton_telefonos.gif)
}
UL.menu1 LI.dropLeche{ /*items del menu principal*/
	MARGIN-BOTTOM: -2px;
    height: 30;
    background-image: url(boton_leche.gif)
}
UL.menu1 LI.dropSepelio{ /*items del menu principal*/
	MARGIN-BOTTOM: -2px;
    height: 30;
    background-image: url(boton_sepelio.gif)
}
UL.menu1 LI.dropFaqs{ /*items del menu principal*/
	MARGIN-BOTTOM: -2px;
    height: 30;
    background-image: url(boton_preguntas.gif)
}
UL.menu1 LI.dropRevista{ /*items del menu principal*/
	MARGIN-BOTTOM: -2px;
    height: 30;
    background-image: url(boton_revista.gif)
}

UL.menu1 LI A.last {
	DISPLAY: block;
	WIDTH: 14em;
	LINE-HEIGHT: 2em;
	HEIGHT: 14em;
    background-image: url(boton_revista.gif)
}
UL.menu1 LI A.last:visited {
	DISPLAY: block;
	WIDTH: 14em;
	LINE-HEIGHT: 2em;
	HEIGHT: 14em;
    background-image: url(boton_revista.gif)
}

/*************************************************/

UL.menu1 LI A {			/*bloque backgound*/
	DISPLAY: block;
	WIDTH: 14em;
	HEIGHT: 2em;
	COLOR: #606;
	LINE-HEIGHT: 1.9em;
	TEXT-DECORATION: none
}
UL.menu1 LI A:visited {
	DISPLAY: block;
	WIDTH: 14em;
	COLOR: #606;
	LINE-HEIGHT: 1.9em;
	HEIGHT: 2em;
	TEXT-DECORATION: none
}
UL.menu1 LI UL {
	DISPLAY: none
}
UL.menuB LI UL {
	DISPLAY: none
}
UL.menu1 LI:hover A {
    BORDER-LEFT-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	BORDER-TOP-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;

	FONT-WEIGHT: bold;
	COLOR: #c00;
}
UL.menu1 LI A:hover {   /* item del menu principal MouseArriba */
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
    BORDER-RIGHT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;

    FONT-WEIGHT: bold;
	COLOR: #990000;
}

UL.menu1 LI.dropCredencial:hover UL {     /*firefox despliegue de credencial*/
    BORDER-LEFT: #990000 1px solid;
    BORDER-RIGHT: #990000 1px solid;
	BORDER-TOP: #990000 1px solid;
    BORDER-BOTTOM: #990000 1px solid;
	MARGIN-TOP: -1px;

	DISPLAY: block;
	BACKGROUND: #ff0000; /*def;*/

	WIDTH:  142px;  /*12em*/
	HEIGHT: 50px;  /*12em*/
    left: 4px;
    position: absolute;
}
UL.menu1 LI.dropAutorizaciones:hover UL {/*firefox despliegue de autorizaciones*/
    BORDER-LEFT: #990000 1px solid;
    BORDER-RIGHT: #990000 1px solid;
	BORDER-TOP: #990000 1px solid;
    BORDER-BOTTOM: #990000 1px solid;
	MARGIN-TOP: -1px;

	DISPLAY: block;
	BACKGROUND: #ff0000; /*def;*/

	WIDTH:  100px;  /*12em*/
	HEIGHT: 125px;  /*12em*/

    left: 46px;
    position: absolute;
}
/*************************************/
UL.menu1 LI.dropCredencial A:hover UL { /* IE Despliegue de Credenciales*/
    BORDER-LEFT: #990000 1px solid;
    BORDER-RIGHT: #990000 1px solid;
	BORDER-TOP: #990000 1px solid;
    BORDER-BOTTOM: #990000 1px solid;

	MARGIN-TOP: -1px;
	DISPLAY: block;
	/*BACKGROUND: #ff0000;*/

    top:24;
    left:2;
    position: absolute;

	WIDTH: 145px; /* 12em;  */
	HEIGHT: 50px;
}
UL.menu1 LI.dropAutorizaciones A:hover UL { /* IE Despliegue de Autorizaciones*/
    BORDER-LEFT: #990000 1px solid;
    BORDER-RIGHT: #990000 1px solid;
	BORDER-TOP: #990000 1px solid;
    BORDER-BOTTOM: #990000 1px solid;

	MARGIN-TOP: -1px;
	DISPLAY: block;
	BACKGROUND: #ff6600;

    top:55;
    left:47;
    position: absolute;

	WIDTH: 100px; /* 12em;  */
	HEIGHT: 120px;
}
/***********************************************/
UL.menu1 LI:hover UL LI A { /* firefox visible */
	FONT-WEIGHT: normal;
	BACKGROUND: #FFF9F6;
	COLOR: #990000;
	HEIGHT: 25px; /*2em*/
}
UL.menu1 LI A:hover UL LI A {        /*color items menu */
	FONT-WEIGHT: normal;
	BACKGROUND: #FFF9F6;
	COLOR: #990000;
	HEIGHT: 2em
}

UL.menu1 LI:hover UL LI:hover A { /* firefox visible */
	BACKGROUND: #FF9960;
	COLOR: #fff               /*blanco en anaranjado-marron*/
}


/*color items del menu OVER - seleccionado*/
UL.menu1 LI A:hover UL LI A:hover {
	BACKGROUND: #FF9960;
	COLOR: #fff
}

.imgRevista{
  position:relative;
  left:0;
  top:233;
  width:160px;
  height:200px;
  z-index:1;
  visibility: visible;"
}


</STYLE>
<!--  Fin estilo especifico de la pagina -->

</head>
<body bgcolor="#990000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
        <img src="../imagenes/btn_up_servicios.gif" width="160" height="25"></div>

<!-- menu -->
<DIV id=wrapper>
  <DIV id=showcase> 
    <UL class=menu1>
      <LI class="dropCredencial"> <A href="servicios/credencial.htm" target="mainFrame">Credenciales 
        <!--[if IE 7]><!-->
        </a> 
        <!--<![endif]-->
        <TABLE>
          <TBODY>
            <TR> 
              <TD> <UL class=menuCred>
                  <LI> <A href="servicios/credencial_uso.htm" target="mainFrame">Uso 
                    de la Credencial</A> </LI>
                  <LI> <A href="servicios/credencial_requisitos.htm" target="mainFrame">Requisitos 
                    Afiliatorios</A> </LI>
                </UL></TD>
            </TR>
          </TBODY>
        </TABLE>
        <!--[if lte IE 6]></A><![endif]-->
      <LI class="dropAutorizaciones"> <A href="servicios/aut.htm" target="mainFrame">Autorizaciones 
        <!--[if IE 7]><!-->
        </a> 
        <!--<![endif]-->
        <TABLE>
          <TBODY>
            <TR> 
              <TD> <UL class=menuB>
                  <LI> <A href="servicios/aut_medica.htm" target="mainFrame">Médicas</A> 
                  <LI> <A href="servicios/aut_internado.htm" target="mainFrame">Internados</A> 
                  <LI> <A href="servicios/aut_ortopedia.htm" target="mainFrame">Ortopédicas</A> 
                  <LI> <A href="servicios/aut_farma.htm" target="mainFrame">Farmacéuticas</A> 
                  <LI> <A href="servicios/aut_varias.htm" target="mainFrame">Varias</A> 
                  </LI>
                </UL></TD>
            </TR>
          </TBODY>
        </TABLE>
        <!--[if lte IE 6]></A><![endif]-->
      <LI class=dropHorarios> <A href="contenido/horarios.htm" target="mainFrame">Horarios/Atención</a> 
      <LI class=dropTelefonos> <A href="contenido/telefonos_utiles.htm" target="mainFrame">Telefonos 
        Utiles</a> 
      <LI class="dropLeche"> <A href="servicios/leche.htm" title=Leche target="mainFrame" >Entrega 
        de Leche</A></LI>
      <LI class="dropSepelio"> <A href="servicios/sepelios.htm" title=Sepelios target="mainFrame" >Serv. 
        de Sepelio</A></LI>
      <LI class="dropFaqs"> <A href="servicios/faqs.htm" title=Faqs target="mainFrame" >Preguntas 
        Usuales</A></LI>
      <LI class="dropRevista"> <A href="servicios/revista.htm" title="Revista" target="mainFrame">Revista</A></LI>
      <!--
        <A href="revista.htm" title="Revista" target="mainFrame" class="last">Revista</A></LI>
      -->
    </UL>
    <!-- end of info -->
  </div>
</div>


<div id="extraLeft" class="imgRevista"> 
  <table width="160" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr> 
      <td><img src="../contenido/imagen/revista_portada.jpg"></td>
    </tr>
  </table>
</div>



</body>
</html>