Foros del Web » Creando para Internet » CSS »

No encuentro la solucion

Estas en el tema de No encuentro la solucion en el foro de CSS en Foros del Web. Tengo un problema con un css. Estoy intentando llenar una capa con imagenes, pero cuando esta llega al tope de width de la capa que ...
  #1 (permalink)  
Antiguo 18/03/2012, 02:04
 
Fecha de Ingreso: mayo-2010
Mensajes: 15
Antigüedad: 9 años, 3 meses
Puntos: 0
Información No encuentro la solucion

Tengo un problema con un css. Estoy intentando llenar una capa con imagenes, pero cuando esta llega al tope de width de la capa que las contiene pega un salto de linea y no se que propiedad usar para que no lo haga.

Quiero que pase algo asi. Que las imagenes y el texto sigan apareciendo hacia la derecha sin pegar el salto de linea.
http://s2.subirimagenes.com/imagen/previo/thump_7542806imagen.png

mi codigo es mas o menos asi, he probado con white-space:nowrap; pero no funciona del todo o no se usarlo correctamente.

Muchas gracias de antemano, un saludo.
<style>
#capa{
width: 180px;
height: 25px;
}
.capa{
float: left;
height: 25px;
width: 19px;
}
.span{
float: left;
font-family: Trebuchet MS,sans-serif;
font-size: 11px;
height: 15px;
padding: 5px 0 5px 25px;
}
</style>
<div id="capa">
<img src="Imagenes/css.png" class=capa">
<img src="Imagenes/css.png" class=capa">
<img src="Imagenes/css.png" class=capa">
<img src="Imagenes/css.png" class=capa">
<img src="Imagenes/css.png" class=capa">
<img src="Imagenes/css.png" class=capa">
<img src="Imagenes/css.png" class=capa">
<img src="Imagenes/css.png" class=capa">
<img src="Imagenes/css.png" class=capa">
<span class="span">hola</span>
</div>
  #2 (permalink)  
Antiguo 18/03/2012, 09:41
 
Fecha de Ingreso: octubre-2008
Mensajes: 66
Antigüedad: 10 años, 9 meses
Puntos: 1
Respuesta: No encuentro la solucion

overflow?http://www.w3schools.com/cssref/pr_pos_overflow.asp
  #3 (permalink)  
Antiguo 18/03/2012, 12:38
 
Fecha de Ingreso: mayo-2010
Mensajes: 15
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: No encuentro la solucion

No, antes de comentar lee bien, por favor, sino lias a la gente que podria ayudarme.
Lo que yo busco es que una capa de 200px(width) 20px(height) que contiene 20 imagenes de 25px(width) 20px(height), las muestre en linea todas seguidas y no que cuando llegue al tope de 200px baje las imagenes que no caben a la linea siguiente.
En la imagen se ve.
gracias.
  #4 (permalink)  
Antiguo 18/03/2012, 13:50
 
Fecha de Ingreso: mayo-2010
Mensajes: 15
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: No encuentro la solucion

La unica frma que he encontrado es hacerlo con position:absolute; y position:relative;
Aunque si alguien sabe otra forma de hacerlo mas simple le agradeceria que lo comentara, un saludo.
  #5 (permalink)  
Antiguo 18/03/2012, 14:26
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 10 años, 6 meses
Puntos: 306
Respuesta: No encuentro la solucion

¿Por qué dices que white-space:nowrap no funciona?
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #6 (permalink)  
Antiguo 18/03/2012, 20:46
Avatar de SPAWN3000  
Fecha de Ingreso: marzo-2008
Ubicación: Bogota
Mensajes: 858
Antigüedad: 11 años, 5 meses
Puntos: 15
Respuesta: No encuentro la solucion

Y si lo dejas asi??
Código:
#capa{
	width: 180px;
	width:auto;
	height: 25px;
}
Dejo el width: 180px; pero el width: auto; anula el anterior.... Sin embargo no se si es lo que buscas.

Saludos,

Etiquetas: encuentro, solucion
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 08:27.