Foros del Web » Creando para Internet » CSS »

urgente Menu ie6 no anda en ie7

Estas en el tema de urgente Menu ie6 no anda en ie7 en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 02/09/2008, 09:41
Avatar de zayed_jat  
Fecha de Ingreso: mayo-2006
Mensajes: 121
Antigüedad: 11 años, 6 meses
Puntos: 1
urgente Menu ie6 no anda en ie7

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!
  #2 (permalink)  
Antiguo 02/09/2008, 09:43
Avatar de zayed_jat  
Fecha de Ingreso: mayo-2006
Mensajes: 121
Antigüedad: 11 años, 6 meses
Puntos: 1
Respuesta: urgente Menu ie6 no anda en ie7

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...
  #3 (permalink)  
Antiguo 02/09/2008, 09:47
Avatar de zayed_jat  
Fecha de Ingreso: mayo-2006
Mensajes: 121
Antigüedad: 11 años, 6 meses
Puntos: 1
Respuesta: urgente Menu ie6 no anda en ie7

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!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:40.