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] centrage photos
  • CSS = style, apparence du blog

    Tu as déjà ajouté des lignes de CSS dans le code du thème, par exemple pour le repost. Ajoute la ligne pour centrer les images

    /*---personnalisation--*/
    .ob-share {display:none;}
    .ob-admin-toolbar .lnk_repost{display:none;}
    .CtreTexte {margin: auto; display: block; width: auto;}


    Après

    1) éditer l'article
    2) cliquer en bas de la section sur "basculer vers le mode HTML" pour voir le code HTML
    3) modifier le code HTML des images 

    Le code est compliqué car l'éditeur d'overblog est mal fait /:)
  • Ok c 'est donc un miracle que j'ai pu avoir des réponses depuis le début car j'ai toujours regardé dans toutes les discussions. c'est donc la preuve que j'ai toujours eu mes réponses rapidement, donc merci.
  • CSS = style, apparence du blog

    Tu as déjà ajouté des lignes de CSS dans le code du thème, par exemple pour le repost. Ajoute la ligne pour centrer les images

    /*---personnalisation--*/
    .ob-share {display:none;}
    .ob-admin-toolbar .lnk_repost{display:none;}
    .CtreTexte {margin: auto; display: block; width: auto;}


    Après

    1) éditer l'article
    2) cliquer en bas de la section sur "basculer vers le mode HTML" pour voir le code HTML
    3) modifier le code HTML des images 

    Le code est compliqué car l'éditeur d'overblog est mal fait 

    Ok pour le css, c' est fait
    en ce qui concerne la photo, dois-je remplacer la totalité de la ligne 29 par

    <p><img alt="Geraudot 01" class="CtreTexte" height="224" src="http://img.over-blog.com/300x224/2/58/68/53/France/Champagne-Ardennes/Geraudot-01.JPG"></p>
  • Autre question:

    Dois-je comprendre que maintenant sur les nouveaux articles les photos seront toujours centrées?
    Est ce que la modif faite dans le CSS aurait du centrer toutes les photos des articles provenants de l'ancien OB.
  • Pour les anciens articles c'est avec la classe CtreTexte
    Pour les nouveaux, l'image peut être centrée dans une section en ajoutant côté css
    .ob-row-1-col img{margin:auto, display:block; width: auto; max-width:100%;}
  • Bonjour

    Ok j' ai réussi à remettre cette photo en place. Reste à savoir si je saurai le refaire seule si une autre photo récalcitrante vient à se présenter. Merci encore

    Pourquoi le HTML de la photo migrée de l'ancien OB est aussi énorme par rapport à la petite phrase que tu m'a indiquée???

    Cordialement
    Charisma45
  • Une astuce trouvée par hasard pour centrer des images dans des sections "converties en mode HTML"
    J'utilise le thème Nullified.
    Pour centrer des images, j'utilise le module "converti en section HTML", j’insère une image à l'aide de son URL (image donc stockée ailleurs), je mets le curseur tout de suite après l'image (collé à droite de l'image - normalement il s'y trouve dès la validation de l'URL), je clique sur l'icone "Centrer" qui est alors accessible, et l'image est centrée.
    Pas besoin de modifier le code HTML.
Cette discussion a été fermée.
Toutes les discussions