Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
[RÉSOLU] taille des photos dans section images
  • Bonjour à tous,
    après avoir élargi mon blog hier avec l'aide de Mehdi, je constate que si en section texte je peux mettre la taille de photo que je souhaite, par contre en section image elles s'affichent toutes à 600 px (redimensionné par OB) . J'ai donc 2 questions
    1) comment mettre une taille de 900 px pour ces photos
    2) quand on en met plusieurs à la fois dans une section images elles sont collées l'une sous l'autre. J'aimerais avoir un espace d'un interligne entre chaque. Est ce possible.
    Merci à vous
  • Coucou Hubert


    avant style ajoute

    .ob-section-images .ob-row-1-col img {
        display: block;
        margin-left: -210px;
        max-width: 170%;
        padding: 5px;
        width: auto;
    }

    _________________

    j'ai passé le maximum "width" de 100% a 170%

    les images se collant a droite j'ai mis une marge gauche négative de -210 px

    pour séparer les images, j'ai ajouté un"padding" de 5 px


    en simulation cela fonctionne

    voir ensuite si cela décale pas d'autre images ailleurs

    rendu sans le padding

    http://img.over-blog-kiwi.com/1/18/77/42/20150310/ob_4719f0_image-2.png

    Rendu avec le padding (image du bas)

    http://img.over-blog-kiwi.com/1/18/77/42/20150310/ob_bf1814_image-3.png

  • je viens de contrôler, en augmentant a 170% tes images passe à:   1 020px × 677px

    je pense que tu doit pouvoir mettre la taille en px plutôt qu'en pourcentage... ;)
  • Bonjour Mehdi et merci. Je vois que tu transfères mes questions dans le thème Legacy.
    Avant de lire ta dernière réponse j'avais bidouillé et j'avais mis la ligne suivante:
    .ob-section-images .ob-row-1-col img
    {margin-left:-100px;display:block;width:auto;max-width:820px;}
    le résultat n'était pas trop mauvais.
    Maintenant je vais m'inspirer de ta proposition et réfléchir aux dimensions bonnes pour moi.
    Je viens de rajouter dans ma ligne padding-bottom:10px; et je suis satisfait
    tu peux voir le résultat ici: http://www.hubert35.net/preview/3044631a92483d19067febe7c59b5793c810bb5c
    Qu'en penses tu ?
  • l'écard entre image est correct

    après on peut s'amuser à mettre des encadrement etc....... mais j'aime bien comme ça ;)

    edit; je met tout en legacy cela aidera les "migrants".....lol

    edit2: tu pouvait mettre uniquement "padding" sans préciser "bottom" a ce moment il s'applique aux 4 cotés.

  • merci à toi. Je laisse comme ça pour le moment mais j'y reviendrais à tête reposée. Bonne journée.
  • le schmilblick avance.......  ;)