Foros del Web » Creando para Internet » CSS »

Imágenes con textos

Estas en el tema de Imágenes con textos en el foro de CSS en Foros del Web. Buenas, estoy intentando crear una lista horizontal de imágenes pequeñas junto a un texto descriptivo a la derecha o a la izquierda de cada una ...
  #1 (permalink)  
Antiguo 10/08/2006, 05:25
 
Fecha de Ingreso: junio-2002
Mensajes: 9
Antigüedad: 15 años, 6 meses
Puntos: 0
Imágenes con textos

Buenas,

estoy intentando crear una lista horizontal de imágenes pequeñas junto a un texto descriptivo a la derecha o a la izquierda de cada una de ellas. El problema es que el texto me pisa la imagen

el código que tengo es este:

Código:
  <ul id="leyenda">
    <li id="dolbySound">Dolby Sound</li>
    <li id="teaBar">Tea Bar</li>
    <li id="handicapped">Facilities for handicapped</li>
    <li id="carPark">Car Park</li>
  </ul>
Código:
ul#leyenda
{
	border: 1px solid #000;
	list-style: none;
    padding-top: 10px;
    margin: 0;
	width: 65%;
	height: auto 
}

ul#leyenda li
{
	float: left;
	color: #777;
	display: block; 
	padding: 0px 0px 5px 40px;
	text-align: center;
	text-decoration: none;
	width: 35px;
}

ul#leyenda li#dolbySound{
	background: transparent url(../resources/thx.JPG) no-repeat left;	
}	

ul#leyenda li#teaBar{
	background: transparent url(../resources/bar.JPG) no-repeat left;	
}	

ul#leyenda li#handicapped{
	background: transparent url(../resources/chair.JPG) no-repeat left;	
}	

ul#leyenda li#carPark{
	background: transparent url(../resources/parking.gif) no-repeat left;	
}
alguien sabe donde está el problema?

un saludo
  #2 (permalink)  
Antiguo 10/08/2006, 09:46
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
es lógico que el texto te quede por encima si le estás poniendo la imagen como fondo...

Quizás quieras probar la pseudoclase :before

Saludos.
  #3 (permalink)  
Antiguo 10/08/2006, 11:39
 
Fecha de Ingreso: agosto-2006
Ubicación: Madrid
Mensajes: 95
Antigüedad: 11 años, 4 meses
Puntos: 0
O simplemente poner las imágenes como lo que son, imágenes <img> más que nada porque :before no es que funciones mucho (por no decir que no funciona) en IE

Así te ahorra poner tanto identificador en CSS que no viene a cuento
  #4 (permalink)  
Antiguo 10/08/2006, 18:39
Avatar de Hououji Ayumu  
Fecha de Ingreso: junio-2005
Ubicación: Queretaro Mexico
Mensajes: 73
Antigüedad: 12 años, 6 meses
Puntos: 1
pues yo tambien te recomiendo que no pongas las imagenes de Fondo porque es muy problematico acomodarles bien y el mayor problema con los visitantes que dependiendo del navegador y demas cosas es dificil predecir como se vera en fin como sea yo tambien te recomiendo usar las <img>
__________________
Sayounara
  #5 (permalink)  
Antiguo 11/08/2006, 02:37
 
Fecha de Ingreso: junio-2002
Mensajes: 9
Antigüedad: 15 años, 6 meses
Puntos: 0
muchas gracias por vuestros comentarios! Intentaré <img>

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 09:11.