Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Colocar um Scroll Horizontal em uma Coluna com itens

Olá! Estou tentando colocar um scroll em uma coluna q criei porém os itens só ficam na vertical.

  <div class="conteudo">

                <h2>Novos Títulos</h2>

                <a href="#"><i class="fa fa-plus-circle" aria-hidden="true"></i></a>
                <div class="clearfix"></div>


                <?php

                    include_once 'conexao.php';

                    $sql = "select * from perfil ORDER BY idperfil DESC LIMIT 7";

                    $result = mysqli_query($con, $sql);

                    while ($row = mysqli_fetch_array($result)){

                ?>

                <article class="novos-titulos">

<h3><a href="perfil.php?idperfil=<?php echo $row["idperfil"];?>"><?php echo mb_strimwidth($row["titulo"], 0, 20, "..." ); ?></a></h3>

                    <a href="perfil.php?idperfil=<?php echo $row["idperfil"];?>"><img src="img/<?php echo $row["capa"]; ?>" alt=""></a>
                    <span>Total: <?php echo $row["episodios"]; ?></span>

                </article>

  <?php } mysqli_close($con);?>


</div>

CSS

.conteudo {
    height: 435px;
    border-radius: 5px;
    box-shadow: 2px 1px 15px #888888;
    margin-top: 30px;
    margin-bottom: 30px;

}

.novos-titulos {
    font-family: "Trebuchet MS";
    background-color: #ffffff;
    width: 200px;
    text-align: center;
    border-radius: 5px;
    color: black;
    float: left;
    margin-left: 30px;
    margin-top: 15px;
    box-shadow: 2px 1px 10px #888888;

}
3 respostas
solução!

Resolvido.

Oi Charles,

Fiquei curioso em como voce resolveu.

Foi usando o overflow scroll no CSS?

Abcs!

Foi sim. Mudei pra lista e coloquei um overflow scroll. Agr to dando uma olha em um plugin q achei na net.