Aligner des objets

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Aligner des objets

    Bonjour,
    Je bloque sur une mise en forme,

    j'ai besoin d'afficher des éléments comme dans mon illustration.
    C'est à dire que les éléments ne soient visibles que dans un block. Qu'ils restent en ligne quelque soit la quantité, bien entendu on ne voit que ceux dans le block.
    Là quelque soit la propriété de display, j'ai toujours un passage à la ligne.
    Comment feriez-vous ?

    Ensuite, je n'utiliserai q'un overflow horizontale, quand il y a plus d'objet que ce que peut accueillir le block.

    overflow-y: hidden;
    overflow-x: auto;

    Cordialement.

    Eric
    Dernière édition par Agrepe à 24/10/2018, 15h15

  • #2
    Je me réponds à moi-même, au cas où cela permettrait d'aider.
    J'avance.

    Il me faut maintenant pouvoir insérer deux lignes sous mon image.

    Voici où j'en suis:

    CSS
    Code HTML:
    .suggestbg{
        box-sizing: border-box;
        display:inline-block;
        width:100%;
        height:250px;
        margin-bottom:8px;
        overflow-y: auto;
        overflow-x: auto;    
    }
    
    div.largfixe {
        width:800px;
        /*overflow-x:scroll;*/
    }
    div.largfixe div {
        width:10000px;
    }
    HTML
    Code HTML:
    <div class="suggestbg">
        <div class="suggesttitle">
            <?php
            echo "Vous connaissez peut-être";
            ?>
        </div>
    
    <div class="largfixe">
      <div>
                <img src="<?php echo $user->getAvatar(large)?>">&nbsp;
                <img src="<?php echo $user->getAvatar(large)?>">&nbsp;
                <img src="<?php echo $user->getAvatar(large)?>">&nbsp;
                <img src="<?php echo $user->getAvatar(large)?>">&nbsp;
                <img src="<?php echo $user->getAvatar(large)?>">&nbsp;
      </div>
    </div>
    </div>
    Ce que j'aurai besoin de faire mais en conservant l’enchaînement horizontal.
    Dernière édition par Agrepe à 25/10/2018, 09h53

    Commentaire

    Annonce

    Réduire
    Aucune annonce pour le moment.

    Partenaire de l'association

    Réduire

    Hébergeur Web PlanetHoster
    Travaille ...
    X