Foros del Web » Creando para Internet » CSS »

Ordenar de forma Horizontal

Estas en el tema de Ordenar de forma Horizontal en el foro de CSS en Foros del Web. Hola espero me puedan ayudar con este problema que tengo, quiero mostrar varios enlaces a vídeos los cuales consisten en una imagen y abajo de ...
  #1 (permalink)  
Antiguo 10/12/2010, 16:15
Avatar de Butters  
Fecha de Ingreso: noviembre-2010
Mensajes: 83
Antigüedad: 7 años, 1 mes
Puntos: 3
Ordenar de forma Horizontal

Hola espero me puedan ayudar con este problema que tengo, quiero mostrar varios enlaces a vídeos los cuales consisten en una imagen y abajo de ellos el nombre del vídeo y quiero que se muestren ocupando todo el ancho de la pagina, en vez de en forma de lista

Esto es el codigo CSS que utilizo
Código:
div.fp_article {
	padding: 5px;
	background: #f1eeee;
	margin: 3px 0px;
	border: 1px solid #cbcbcb;
	height: 94px;
}

div.fp_article div.video {
	width: 130px;
	height: 100px;
	float: left;
	text-align: center;
}
Y asi lo utilizo en mi pagina
Código:
<div class="fp_article" style="height:auto;"> 
<h3>Videos</h3> 
 <div class='video'><img src='http://i2.ytimg.com/vi/FFBF3fddr5Q/default.jpg' alt='Thumb' /><br /><a href='video.php?id=3'>Kissing you </a></div><div class='video'><img src='http://i2.ytimg.com/vi/9BDLlhid5sU/default.jpg' alt='Thumb' /><br /><a href='video.php?id=2'>Baby Baby </a></div><div class='video'><img src='http://i2.ytimg.com/vi/ukfFLCbI9tI/default.jpg' alt='Thumb' /><br /><a href='video.php?id=1'>소녀시대(Girls' Generation) </a></div></div>
Pero por una razón la cual desconozco por mis pocos conocimientos de CSS queda de la siguiente manera


La parte de Canciones es otro div.

Espero y me puedan ayudar. Saludos.

Etiquetas: horizontal, formulario
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 21:15.