Error CSS
-
Bueno tengo un prolema con un CSS que estoy elavorando y es que los numeros de la imagen a contiación salen pegados a la letra, cuando en verdad tienen k salir en medio del de la vertical
HTML
$my_video_q = $handle->query("SELECT * FROM vc_videos");
while($my_video = $my_video_q->fetch_assoc())
{
?>
1.
Opciones
}
?>CSS
#content-videos {background: #FFF;
border: #000 1px solid;
padding: 0px;
margin: 0px;
}
#content-videos li {
list-style: none;
padding: 5px;
margin: 0px;
}
#video-content {
background: red;
}
#video-thumb {
float: left;
}
#video-thumb img {
width: 120px;
}
#video-info {
float: left;
padding: 0 5px 0 5px;
}
.video-info-tit {
color: #000000;
font: normal normal 400 20px/normal Arial;
height: 17px;
}
.video-info-time {
color: #999999;
font: normal normal 400 11px/15px Arial;
height: 15px;
padding: 6px 0px 0px;
}
.clear {
clear: both;
}
-
No he entendido tu problema, podrias explicarte un poco más?
-
que los números debajo de prueba.mp4 tienen que estas más abajo
-
no deberías usar height en las capas que son de texto, como .video-info-tit y .video-info-time.
El ancho fijo te va a jugar malas pasadas, y realmente con modificar el font-size es suficiente.En cuanto al maquetado, una sugerencia. Si es un título, usa h1/h2/h3. Si es texto, usa
. Por ejemplo:
Título del vídeo
Descripción
La diferencia visual no tiene por qué notarse, porque al fin y al cabo un span, un div o un p son iguales si les pones estilos iguales. Pero los buscadores entienden que lo que está dentro de un
es importante, y si alguien lee el código pues también.
En cuanto al problema concreto, prueba "line-height:1.2em" por ejemplo.
