Foros del Web » Creando para Internet » CSS »

Listas con Imagenes

Estas en el tema de Listas con Imagenes en el foro de CSS en Foros del Web. Saludos, Soy principiante en esto de maquetar con CSS y ya voy encontrando varios problemas entre compatibilidades de los navegadores. He creado una lista y ...
  #1 (permalink)  
Antiguo 19/05/2009, 06:48
 
Fecha de Ingreso: noviembre-2007
Ubicación: Irun
Mensajes: 79
Antigüedad: 10 años, 1 mes
Puntos: 0
Pregunta Listas con Imagenes

Saludos,

Soy principiante en esto de maquetar con CSS y ya voy encontrando varios problemas entre compatibilidades de los navegadores.

He creado una lista y quiero que las imagenes de la lista sea una imagen en concreto. Esta imagen si la consigo ver con Firefox sin embargo con IE no puedo...

Os copio el código a ver si me podéis dar alguna idea.

Código:
<div id="menu"><ul>
                <li><a href="#">Agenda</a></li>
                <li><a href="#">Fotolog</a></li>
                <li><a href="#">El test</a></li>
                <li><a href="#">Entrevista</a></li>
</ul></div>

Código:
#menu
{
background: url(../imagenes/fondomenu.gif) no-repeat;
	width:150px;
	height:1000px;
	margin-top:-1016px;

}
#menu ul
{	
	padding-top:100px;
	width:130px;
	list-style-image: url(../imagenes/big_30on.gif); 
}
#menu li a
{
	color: #fff;
	font: normal normal 14px sans-serif, Arial, Helvetica;	
	text-decoration:none;
}


#menu li a:hover
{
	color:#F20909;
}
  #2 (permalink)  
Antiguo 19/05/2009, 07:30
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Listas con Imagenes

Coloca el list-style-image en el selector de <li> en lugar de <ul>
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 19/05/2009, 08:33
 
Fecha de Ingreso: noviembre-2007
Ubicación: Irun
Mensajes: 79
Antigüedad: 10 años, 1 mes
Puntos: 0
Respuesta: Listas con Imagenes

Hola!

Lo inclui en #menu li { list-style-image: url(../imagenes/big_30on.gif); }

Y tampoco sale en IE
  #4 (permalink)  
Antiguo 19/05/2009, 08:56
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Listas con Imagenes

quizá te ayude este ejemplo que coloque en otro hilo, es otra manera de hacerlo sin sin utilizar list-style-image

http://www.forosdelweb.com/f53/imagen-menu-horizontal-693749/#post2887374

solo tendrás que jugar un poco con las medidas para ver que posición deseas y quitar a la ul li la propiedad display:inline para que no se muestre en horizontal.
__________________
WFC
codigo82
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 18:59.