urgente Menu ie6 no anda en ie7

zayed_jat · #1 (**permalink**) 02/09/2008, 08:41

Si ya se que estoy medio repitiendo lo repetido

pero es que le doy vueltas al asunto y no puedo hacer que se muestre el despliegue de las opciones.

Resulta que me encargaron este menu y en ie6 quedo barbaro, sin embargo a ultima hora me dicen que lo van a mirar en ie7 y zas! es un desastre.
Solo he conseguido que se vean las imagenes de fondo bien, pero no la veran en el codigo que pego.

No pido que miren todo el chorrete, simplemte peguenlo y se daran cuenta que no hay despliegue de opciones. Seguro alguien ya paso por algo similar y sepa cual es el retoquecito que hay que hacer.

Desde ya gracias!

zayed_jat · #2 (**permalink**) 02/09/2008, 08:43

aca va el codigo que se me olvidaba

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

<style type="text/css" media="screen">
/*************css_play.css*******************/
#showcase {
	BACKGROUND: #6f9c6f;
  text-align: center;
}
DL.menus_list DT {
	FONT-SIZE: 1.5em;
    BACKGROUND: #6f9c6f; MARGIN: 3px 0px
}
#foot {
	BACKGROUND: #8fbc8f
}
DL.menus_list DD.nil {
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
}
/****************** menu.css *****************/
#ContenedorMenu {
    text-align: left;
    height:500px;
}
DL.menus_list DT {
	FONT-SIZE: 1.5em;
    BACKGROUND: #6f9c6f; MARGIN: 3px 0px
}
#foot {
	BACKGROUND: #8fbc8f
}
DL.menus_list DD.nil {
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
}
/************ definiciones del menu.htm ******************/
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: 270px; /*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;

    <!--[if lt IE 7]>
      text-align: right; //left;
      TEXT-INDENT: 5px;
      //background-color: #ffffff;;
    <![endif]-->

}





UL.menu1 UL.menuNoticias LI { /*items del menu*//***Menu NOTICIAS 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 CREDENCIAL*/
	//MARGIN-BOTTOM: -2px;
    height: 30;
    background-image: url(boton_credenciales.gif);
    background-repeat: no-repeat
}
UL.menu1 LI.dropNoticias { /*items del menu Noticias*/
	MARGIN-BOTTOM: -2px;
    height: 30;
    background-image: url(boton_Noticias.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.dropNoticias{ /*items del menu principal*/
	MARGIN-BOTTOM: -2px;
    height: 30;
    background-image: url(boton_noticias.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; /*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.menuNoticias 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;//990000
}

Sigue...

zayed_jat · #3 (**permalink**) 02/09/2008, 08:47

Código:

 /*
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.dropCredencial A:hover UL { /* IE Despliegue de Carnet*/
    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;

    /*//top:4; //24*/
    /*//left:2; //2*/
    position: absolute;


	WIDTH: 145px;
	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: list-item;
	BACKGROUND: #ff6600;
    */

    top:5px; /* 55px; */
    left:5px; /* 47px;  */
    position: relative;

	WIDTH: 100px;
	HEIGHT: 120px;
}
UL.menu1 LI.dropNoticias A:hover UL { /* IE Despliegue de Noticias*/
    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:155 px;
    left:47px;
    position: absolute;

	WIDTH: 100px; /* 12em;  */
	HEIGHT: 50px;
}
/***********************************************/
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:261;
  width:160px;
  height:200px;
  z-index:1;
  visibility: visible;"
}

#envoltura{
  left:0;
  height: 500px;
}


/******************* fin ***********************************/


</style>

</head>

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

<!-- menu -->
<DIV id=envoltura>
  <DIV id=ContenedorMenu>
    <UL class=menu1>

      <LI class="dropCredencial">
	  <A href="servicios/carnet.htm" target="mainFrame">Carnet
        <!--[if IE 7]><!--></a><!--<![endif]-->
        <TABLE>
          <TBODY>
            <TR>
              <TD>
			  	<UL class=menuCred>
                  <LI>
				  	<A href="servicios/carnet_uso.htm" target="mainFrame">
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Uso del Carnet</A> </LI>
                  <LI>
				  	<A href="contenido/tramites_afiliatorios/Afiliaciones.htm" target="mainFrame">
					Requisitos Afiliatorios</A> </LI>
                </UL></TD>
            </TR>
          </TBODY>
        </TABLE>
        <!--[if lte IE 6]></A><![endif]-->
      </LI>
      <LI class="dropAutorizaciones"><A href="servicios/autorizaciones/aut.htm" target="mainFrame">Autorizaciones
        <!--[if IE 7]><!-->
        </a>
        <!--<![endif]-->
        <TABLE>
          <TBODY>
            <TR>
              <TD> <UL class="menuB">
                  <LI> <A href="servicios/autorizaciones/medicas/AUTORIZACIONES_MEDICAS.htm" target="mainFrame">Médicas</A>
                  <LI> <A href="servicios/autorizaciones/aut_internado.htm" target="mainFrame">Internados</A>
                  <LI> <A href="servicios/autorizaciones/aut_ortopedicas.htm" target="mainFrame">Ortopédicas</A>
                  <LI> <A href="servicios/autorizaciones/farmaceuticas/farmacia.htm" target="mainFrame">Farmacéuticas</A>
                  <LI> <A href="servicios/autorizaciones/varias/AUTORIZACIONES_VARIAS.htm" target="mainFrame">Varias</A>
                  </LI>
                </UL></TD>
            </TR>
          </TBODY>
        </TABLE>
        <!--[if lte IE 6]></A><![endif]-->
      </LI>
      <LI class=dropHorarios>
	  	<A href="contenido/horarios.htm" target="mainFrame">Horarios/Atención</a></LI>
      <LI class=dropTelefonos>
	  	<A href="servicios/telefonos_utiles.htm" target="mainFrame">Telefonos Utiles</a></LI>
      <LI class="dropLeche">
	  	<A href="servicios/entrega_de_leche.htm" title=Leche
			target="mainFrame">Entrega de Leche</A></LI>
      <LI class="dropSepelio">
	  	<A href="servicios/servicio_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="dropNoticias">
        <A href="noticias/noticias.aspx" title=noticias target="mainFrame" >Noticias</A></LI>
        -->
      <LI class="dropNoticias"> <A href="noticias/novedades.aspx" target="mainFrame">Noticias
        <!--[if IE 7]><!-->
        </a>
        <!--<![endif]-->
        <TABLE>
          <TBODY>
            <TR>
              <TD> <UL class="menuNoticias">
                  <LI> <A href="noticias/novedades.aspx" target="mainFrame">Novedades</A></LI>
                  <LI> <A href="noticias/anteriores.aspx" target="mainFrame">Anteriores</A></LI>
                </UL></TD>
            </TR>
          </TBODY>
        </TABLE>
        <!--[if lte IE 6]></A><![endif]-->
      </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>

Esta un poco largo y embarullado pero se que no esta dificil,

sucede que estoy bien torpe para que muestre las ...

UL.menu1 LI.dropXXX A:hover UL

Bien quien tenga

y tiempo y me eche una manito... el universo se encargue de recompensarlo 100 veces mi alivio!