L'insertion de l'espace, l'espacement entre les images avec les CSS

Je suis d'essayer d'ajouter des images dans un espace qui se compose de deux rangées de 3 images à chaque, donc 6 au total.

J'ai créé un violon avec le code ici http://jsfiddle.net/swAXU/2/

Les images montrent la façon dont j'ai envie, mais je veux ajouter un rembourrage, ou l'espace entre chaque image à l'espace de l'en sortir?

Quelqu'un peut me dire comment cela peut être fait que la modification de la marge et le remplissage des attributs de ne faire aucune différence?

  • Avez-vous essayez de recharger la page pour effacer la feuille de style cache?
InformationsquelleAutor Paul Morris | 2011-09-02
  1. 0

    Ou si vous voulez vraiment faire de la fantaisie...

    http://jsfiddle.net/swAXU/11/

    • Doit être quelque chose de supplémentaire dans mon code à l'origine de conflits, si je change mon css à votre fantaisie, il ne fait aucune différence
    • Ou, comme alternative, référence directement en donnant à chaque image un ID.
    InformationsquelleAutor Graeme Leighfield
  2. 1

    L'ajout de marges fonctionne: http://jsfiddle.net/swAXU/9/

    Votre sélecteurs CSS étaient éteints. Je viens de changer

    .slidedeck dd.slide_3 img

    à

    .slidedeck dd img

    et il fonctionne.

    InformationsquelleAutor Joseph Silber
  3. 1

    Je pense que vous avez tout juste d'accéder à mal par css.

    Cela fonctionne...

    .slidedeck img {margin:20px;}
    InformationsquelleAutor Graeme Leighfield
  4. 0
    img{margin:10px;}

    ?

    Qui fonctionne... http://jsfiddle.net/Ep6rb/

    • hhhmm, doit être quelque chose de supplémentaire dans mon code de causer un problème. Peu importe ce que je change, il n'a pas d'incidence sur l'espacement sur mes images.
    InformationsquelleAutor Joseph Marikle
  5. 0

    Votre <dd> élément n'a pas de classe.

    Changer votre sélecteur à .slidedeck dd img.

    • J'ai essayé aussi. Même avec toutes les suggestions ici, mes images ne changent jamais
    InformationsquelleAutor SLaks