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.