Foros del Web » Creando para Internet » CSS »

os suplico ayuda con menu por favor!!

Estas en el tema de os suplico ayuda con menu por favor!! en el foro de CSS en Foros del Web. Hola amigos, llevo más de una semana buscando información, revisando código, etc... y no consigo hcaer funcionar un menu en IE que funciona correctamente en ...
  #1 (permalink)  
Antiguo 23/05/2009, 03:56
 
Fecha de Ingreso: mayo-2009
Mensajes: 1
Antigüedad: 14 años, 10 meses
Puntos: 0
os suplico ayuda con menu por favor!!

Hola amigos, llevo más de una semana buscando información, revisando código, etc... y no consigo hcaer funcionar un menu en IE que funciona correctamente en firefox. Os pongo el css:

Código:
ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	height: 23;
	cursor: default;
	list-style-type: none;
	display: inline;
	background-image: url(imagenes/non-selected2.jpg) ;
}

ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 7px;
}




ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	text-align: left; 
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 7px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	background-color: #fff;
	
	color: #000;
	
}



ul.nav li:hover {
background-image: url(imagenes/selected2.jpg);

}

.nav ul li a:hover{
	color: #ec6c00;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #036;
	
	
}



.nav a{
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color:#FFFFFF;

	
}

.nav a:hover{
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color:#FFFFFF;

	
}



ul.nav{
	display: table;
	text-align: center; 
/*Just add the following properties and values*/
	width: 100%;
	table-layout: fixed;
	
}


#nav li.selected {
    background-color: #000000;
	background-image: url(imagenes/selected2.jpg)
	
}


#

#nav li.ul {
    background-color: #000000;
	
}

El problema debe estar en las etiquetas que contienen el símbolo > pero no consigo retocarlo y que funcione.

Gracias a todos por adelantado!!
  #2 (permalink)  
Antiguo 23/05/2009, 06:29
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: os suplico ayuda con menu por favor!!

Y siento decirte que nunca conseguirás hacerlo funcional para ie7 y anteriores. La razón, no entienden la propiedad "display: table-cell/table-row..."

Así que tendrás que cambiar de planteamiento para tu menú.

Pásate por las faq´s, tienes una amplia colección de menús elaborados por Mikmoro, completamente válidos también para ie6/ie7. O en su página www.araudi.net.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 14:04.