Placer les images dans la grille avec les css

peut pas comprendre comment parvenir à ce résultat (logos séparés comme dans l'image). Peut-être que quelqu'un peut vous aider.
Placer les images dans la grille avec les css

InformationsquelleAutor LifeIsShort | 2012-09-25
  1. 1

    Viens de faire une rapide démonstration pour vous. COCHEZ CETTE JSFIDDLE

    Ici, j'ai utilisé des images de fond pour la création de frontières. Juste l'Ajuster!!!

    Acclamations.

    • Wow, superbe solution! Mais seulement avec css3 pour les navigateurs compatibles. Peut-être il ya une autre façon?
    • Mozilla Firefox (3.6+), Safari/Chrome (1.0/1.3+), l'Opéra (10.5+) et même Internet Explorer (9.0+) prend en charge les multiples option arrière-plan. assez???
    • Vous avez raison 🙂 c'est à dire le suce, je voulais juste être sûr d'autres façons. Merci beaucoup!
    • 🙂 Vous êtes les bienvenus!!!
    InformationsquelleAutor Libin
  2. 2

    Peut-être quelque chose comme ceci

    HTML

    <div class="container">
    <div class="logo-box" />
    <div class="logo-box" />
    <div class="logo-box" />
    <div class="logo-box" />
    <div class="logo-box" />
    <div class="logo-box" />
    <div class="logo-box" />
    <div class="logo-box" />
</div>

    CSS

    .container {
    width:980px;
    float:left;
}
.logo-box {
    width:245px;
    float:left;
    height:150px;
}

    Vous pouvez y mettre ce que HTML img balises CSS ou background dans le .logo-box éléments

    InformationsquelleAutor Matt J
  3. 0
    img{
   float:left;
}

    cette volonté de travail (vous devez définir la hauteur et la largeur de l'img est trop)

    • merci, je sais, mais la chose la plus importante est les lignes et l'espacement entre les images exactement comme dans l'image.
    InformationsquelleAutor Bernat
  4. 0

    Cela semble être une solution sympa: http://unmatchedstyle.com/news/building-a-client-logo-grid-with-centered-elements.php
    - toutes les images centré horizontalement et verticalement
    - facile à faire réactif
    - facile à personnaliser les tailles d'image
    - semble être très compatible avec tous les navigateurs, même avec des vieux de merde S

    HTML: 

    <article class="clients">
    <span></span><img src="images/img-logo2.png" alt="logo" />
</article>

<article class="clients">
    <span></span><img src="images/img-logo3.png" alt="logo" />
</article>

    CSS:

    article.clients {
    float: left;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 203px;
    height: 150px;
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #4d4d4d;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
                 border-radius: 3px;
}

article.clients * {
    vertical-align: middle;
}

article.clients span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
    InformationsquelleAutor Ketri