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
  • charisma45charisma45
    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
  • DadErellDadErell
    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.
  • Maman-c-boMaman-c-bo
    Help!

    J'ai lu la discussion mais j'ai rien compris... peut être que cela ne s'adresse pas complètement à mon cas?

    Je n'ai pas migré, mon blog est récent et a été créé avec la nouvelle plateforme directement. J'ai pris le thème kiwi qui je crois est celui qui offre le plus de possibilités de modifications.
    Lorsque je crée un article (ou une page), quand je veux insérer une photo j'utilise la section image et je ne vois pas comment je peux centrer mon image...

    par exemple ici:

    j'aimerai que l'image soit centrée, comment puis-je faire (si il y a une méthode simple ça m'arrangerai, je suis pas une lumière en informatique)
    d'avance merci!
  • Maman-c-boMaman-c-bo
    la seule solution qui me semblait à peu près claire (pour mon petit niveau en informatique) était de cliquer sur "convertir en HTML" en bas de ma section et d'entourer l'adresse de mon image des balises <center> </center>... d'ailleurs c'est toi qui donnait cette solution.
    sauf que dans la section image il n'y a pas le bouton convertir en HTML et que IV OAM dit dans le post suivant le tien que les balises center ne fonctionnent plus...

    les autres messages désolée mais c'est du chinois.... à moins qu'une bonne âme puisse me faire un "pas à pas"?
  • Maman-c-boMaman-c-bo
    j'ai fait quelques essais mais je n'arrive pas à un résultat convainquant...

    en section texte:
    je peux importer une image depuis mon ordinateur (choisir un fichier) par contre dans les options à choisir je suis limitée à aligner à droite ou à gauche par rapport au texte: si il n'y a pas de texte impossible de valider la section! (j'ai essayer avec des espaces ou des sauts de ligne mais ça ne marche pas) par ailleurs si j'essaye de "convertir en HTML" je passe en fait dans un premier temps avec la section "mise en page" et... l'image chargée disparaît!

    en section "mise en page"
    impossible de charger directement une image: il faut obligatoirement donner une URL... pour mon essai j'ai repris l'image que j'avais publié dans un article précédent mais si c'est une image qui vient de mon ordi je ne sais pas comment faire pour avoir une URL: pas très pratique!
    par contre, la section mise en page accepte que l'on mette seulement une image dedans sans aucun texte et il est possible de centrer l'image. Mais, autre inconvénient: l'image n'est pas "reconnue" comme image car dans le résumé de la page d'accueil, elle n'apparaît (à gauche en petit avec la date)...

    je vois pas ce que je peux essayer  d'autre... des idées? please...
    merci d'avance!
  • Mehdi.Mehdi.
    Bonjour;

    va lire ici
    http://iv-oam.blogspot.fr/2012/12/css-centrer-une-image.html

    et ici
    http://iv-oam.blogspot.fr/2013/05/modifier-le-css-sections-dans-les.html

  • Maman-c-boMaman-c-bo
    merci pour tes liens Mehdi! Mais... j'ai pas tout compris...  :((

    le premier lien me paraît être celui qui contient la solution la plus simple (enfin si on s'arrête au premier tiers de la page avant la phrase "Evidemment, cette ligne de code peut être adaptée à d'autres classes de style pour toute page web." parce qu'à partir de là je suis complètement larguée!

    Si j'ai bien compris donc ce qu'il y a au début de cette page si je rajoute dans le CSS les deux lignes suivantes:

    .ob-section-images .ob-row-1-col img {margin:auto;display:block;width:auto;height:auto;max-width:100%;}


    alors toutes mes photos mises dans la section image de tous les articles (passés et futurs) seront centrées... c'est bien cela?

    question subsidiaire: si je met plusieurs photos dans une section image que va-t-il se passer?

    et surtout pour mettre en place ces fameuses lignes de code dans le "CSS" (je ne sais absolument pas ce que c'est mais je vois beaucoup ce mot sur le forum) où dois-je aller? comment être sûre que je ne fais pas une énorme con*****?

    Merci de ton aide!
  • KinouKinou
    Faut pas être trop pressés, mais ça finit par arriver... 


  • Mehdi.Mehdi.
    ouf...celle la, on l'attendait comme le messie......lol..... on peut enfin centrer les images facilement et on peut ajouter les balises description très utile pour le référencement....... merci au développeurs.... ;)
  • KinouKinou
    Nessa > j'ai transféré ton message dans un nouveau fil
  • nessa nessa
    Merci Kinou A medhi oui mais il va falloir rééditer tous nos articles! et les anciennes images venant de l'ancien ob elles ont perdu leurs balises aussi d'apres ce que j'ai compris ?

    pour ma part ça n'empeche pas google image de referencer mes images memes celles sans aucunes balises certaines arrivent meme premieres 
  • MimiGrenouilleMimiGrenouille
    Bonjour vous tous,

    Merci à Over Blog d' avoir créer cette fonction mais n' étant pas douée, comment faire pour centrer mes propres photos ?

    Le peu que j' ai compris c' est que quand je suis le mode textuel, pour insérer une photo je clique sur l' icone photo de la barre de tâche qui me demande alors l' URL de ma photo que je n' ai pas.
    J' héberge ma photo sur un site qui me donne plein d' URL mais OB n' en vaut aucun...

    Et si je clique sur le pavé image, je n' ai rien qui me propose de centrer.

    Quelqu' un pourrait - il aider une vieille qui ne connait pas le langage informatique?
    Merci d' avance
  • Mehdi.Mehdi.
    bonjour,

    pour inserer des images 2 possibilités:

    1/ tu passe par une "section texte"; à ce moment la, ob vient de rajouter une fonction "centrer les images" que tu peux prendre a partir de ton pc et qui donc permet ponctuellement de centrer tes images si tu le souhaite.

    2/ la "section image"; le centrage est possible mais en modifiant le code css du thème pour lui demander une bonne fois pour toute de centrer toutes les images de ton blog
  • MimiGrenouilleMimiGrenouille
    Medhi merci!

     Le centrage de photos c' est presque OK aussi sauf que quand je redige mon article les photos se retrouvent avant mon texte.
    J' ai programmé un article pour demain"Surprise" sans le centrage d' images . 
    J' ai aussi programmé le même article "Essai pour Surprise" pour dans 1 an et là les images sont centrées mais avant mon texte.
    Comment peux - tu voir ça dans mon administration? 
    Peux - tu s' il te plait et si tu as le temps...m' envoyer un mail par contact de mon blog, je te donnerai ce dont tu as besoin.

  • MimiGrenouilleMimiGrenouille
    Bonjour,
    Je suis étonnée de voir que ce "fil" est dit résolu.
    J' ai toujours le même souci de photo avant mon texte et pas après.
    Donc chez moi ce n' est pas résolu!
    Merci s' il vous plait de bien vouloir m' aider.
Rédiger un commentaire

Bienvenue sur le forum !

Si vous souhaitez rejoindre la communauté, cliquez sur l'un de ces boutons !

Catégories

In this Discussion