Error CSS

Topic created · 4 Mensajes · 1353 Visitas
  • 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.

    ![](./vc-content/uploads/images/vi/<?=$my_video['vid_thum']; ?>)

    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.