Foros del Web » Creando para Internet » CSS »

imagenes no se muestran en IE ni FF

Estas en el tema de imagenes no se muestran en IE ni FF en el foro de CSS en Foros del Web. Hola, espero me puedan ayudar Estoy modificando un template y aun no entiendo del todo CSS y divs. Tengo un estilo para el menu horizontal ...
  #1 (permalink)  
Antiguo 17/03/2009, 14:44
 
Fecha de Ingreso: agosto-2008
Mensajes: 12
Antigüedad: 9 años, 4 meses
Puntos: 0
imagenes no se muestran en IE ni FF

Hola, espero me puedan ayudar

Estoy modificando un template y aun no entiendo del todo CSS y divs. Tengo un estilo para el menu horizontal y uno para una imagen de cabecera pero no me aparece ninguna imagen ni en IE ni en FF, solo en Chrome. Le podran echar un vistazo al codigo por favor.

Código HTML:
<!-- begin menu bar -->
		<div id="horiz-menu" class="<?php echo $mtype; ?>">
			<div class="wrapper">
				<?php if($mtype != "module") : ?>
					<?php echo $topnav->display(); ?>
				<?php else: ?>
					<?php mosLoadModules('toolbar',-1); ?>
				<?php endif; ?>
			</div>
		</div>
		<!-- end menu bar -->
		<!-- begin showcase -->
		<div id="showcase">
			<div id="showcase2">
				<div class="wrapper">
					<div id="showcase-shadow" class="png"></div>
					<div id="showcase-shadow2" class="png"></div>
				</div>
			</div>
		</div>
		<!-- end showcase --> 
CSS para el menu (esta en 2 archivos):

Código:
/* CSS Document */
/* group Horizontal Menu */
#horiz-menu {
	height: 45px;
	width: 100%;
}
#horiz-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
/*	float: left;*/
}
#horiz-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#horiz-menu a,
#horiz-menu li.active a {
	white-space: nowrap;
	display: block;
	float: left;
	height: 46px;
	line-height: 46px;
	padding: 0 17px;
	font-weight: normal;
	font-size: 100%;
	overflow: hidden;
	text-decoration: none;
}
#horiz-menu ul ul li a,
#horiz-menu ul li.active.parent ul a {
	padding-left: 20px;
}
#horiz-menu ul ul li a:hover,
#horiz-menu ul li.active.parent ul a:hover {
	padding-left: 20px;
	background: url(../images/dropdown-arrow-over.png) 10px 50% no-repeat;
	color: #fff;
}
/* mouseovers */
#horiz-menu li li a:hover {
	background: none;
}
#horiz-menu li li.active,
#horiz-menu li.active li a,
#horiz-menu li.active li a:hover {
	background: none;
}
#horiz-menu li li a {
	font-size: 100%;
	font-weight: normal;
	background: none;
}
/* end */

/* group Horizontal Menu */
#horiz-menu {
	background: url(../images/style4/horiz-menu-bg.png) 0 0 repeat-x;
}
#horiz-menu ul ul {
	background: url(../images/style4/bg_submenu.png) repeat;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#horiz-menu ul ul ul {
	border-top: 1px solid #6D0000;
}
#horiz-menu a,
#horiz-menu li.active a {
	color: #C9CDCC;
}
/*activo*/
#horiz-menu li.active a {
	color: #FFFFFF;
}
#horiz-menu a:hover {
	color: #FFFFFF;
	background: url(../images/style4/bg_hover_menu.jpg) repeat-x;
}
#horiz-menu ul ul li a,
#horiz-menu ul li.active.parent ul a {
	background: url(../images/style4/dropdown-arrow.png) 10px 50% no-repeat;
	color: #C9CCCC;
}
/* end */

**Incluyo solo el codigo para el menu horizontal, despues pondre el de la cabecera ya que se extenderia demasiado el mensaje.

Gracias de antemano...
  #2 (permalink)  
Antiguo 17/03/2009, 16:01
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: imagenes no se muestran en IE ni FF

Hola:

La solución puede ser la más tonta, que haya algún tipo de error en la ruta de las imágenes, es decir que las imágenes no estén en la ruta que le indicas.

Prueba de las siguientes maneras:

Código:
background: url("../images/dropdown-arrow-over.png") 10px 50% no-repeat;
o también sin ../:

Código:
background: url(images/dropdown-arrow-over.png) 10px 50% no-repeat;
o tambíen sin ..:

Código:
background: url(/images/dropdown-arrow-over.png) 10px 50% no-repeat;
o cualquiera de estas dos últimas pero con las comillas.

Saludos.

  #3 (permalink)  
Antiguo 17/03/2009, 16:32
 
Fecha de Ingreso: agosto-2008
Mensajes: 12
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: imagenes no se muestran en IE ni FF

Gracias Jomaruro por tu respuesta, pero si la ruta no estuviera bien, entonces tampoco funcionaria en Chrome. Como quiera lo intente pero sin exito.

Alguien me podra ayudar? No se ven las imagenes del background ni los de los botones del menu, es decir, del active, hover, etc
  #4 (permalink)  
Antiguo 17/03/2009, 16:50
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: imagenes no se muestran en IE ni FF

Hola de nuevo:

Tu respuesta me ha dejado totalmente descolocado, no sabía que te funcionaba en Chrome. Pero se me ha ocurrido una pregunta, ¿solo te pasa con esta página en concreto o con más casos?

Porque si te ocurre con más páginas es posible que tengas desactivadas las imágenes en ambos navegadores, me parece muy raro pero... es otra opción.

Saludos.

  #5 (permalink)  
Antiguo 18/03/2009, 12:49
 
Fecha de Ingreso: agosto-2008
Mensajes: 12
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: imagenes no se muestran en IE ni FF

Pues tampoco creo que sea eso porque concretamente me pasa con las imagenes y el estilo del menu y con la imagen de cabecera. El mainbody y las imaganes del footer se ven bien.

gracias!!! Seguire intentando y a agradezco cualquier ayuda!!
  #6 (permalink)  
Antiguo 18/03/2009, 14:08
 
Fecha de Ingreso: agosto-2008
Mensajes: 12
Antigüedad: 9 años, 4 meses
Puntos: 0
Solucionado: imagenes no se muestran en IE ni FF

Gracias por su colaboracion!!

Ya encontre lo que pasa. El template trae direfentes estilos que estan en diferentes carpetas. Yo seleccione un estilo y borre los demas, tanto imagenes como css. Por alguna extrana razon, IE y FF toman uno y Chrome otro, y obvio, IE y FF no encontraban el path de las imagenes ya que a la hora de decidir cual, yo lo estaba viendo en Chrome.

Aun no entiendo porque Chrome toma otro, pero dejando los 2 estilos, queda solucionado el problema.

Saludos!!!
  #7 (permalink)  
Antiguo 18/03/2009, 15:39
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Solucionado: imagenes no se muestran en IE ni FF

Hola:

Me alegro que lo hayas solucionado, y más me alegra que lo hayas resuelto sin ayuda porque eso hace que aprendas las cosas mejor.

Un saludo.

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:46.