• Résolu Photos retrécies (pb codage)


    Lundi 14 Décembre 2020 à 20:58
    Marisarah

    Bonjour, comment se fait-il s'il vous plait que depuis deux  jours les photos intégrées dans mes articles  n'ont plus la dimension 680 de large ou 720 comme auparavant.

    Merci de me renseigner.

    Cordialement

    Lundi 14 Décembre 2020 à 22:30
    stormalo

    Bonsoir,

    La réponse à ta question est : probablement parce que depuis 2 jours tu ne fais pas comme avant. (ou alors, l'éditeur est atteint par la covid19 et ne contrôle plus rien) he

    Exemple avec l'article "Suis dépassée eh oui...!"  le code ci-dessous concerne la photo de la brioche :
    <em><img style="width: 519px; height: 459px;" src="http://ekladata.com/IH_mknIDRwvV3VrF0wnORY1vHVA@500x375.jpg" alt="DSC00996.JPG" width="500" height="375"></em>

    Commentaire:
    1) l'image http://ekladata.com/IH_mknIDRwvV3VrF0wnORY1vHVA fait naturellement 500 x 375
    2) Redimensionner cette image par l'ajout de @500x375.jpg ne sert donc à rien et peut faire perdre en qualité (mais ça arrive souvent avec l'éditeur ;  pas grave)
    3) l'ajout de deux tailles d'affichage contradictoires de 519 x 459 et de 500 x 375 est une bizarrerie que je n'ai jamais vue et déforme l'image, les proportions n'étant plus respectées.
    4) <em> ......</em>, c'est pour mettre l'image en italique ? ? smile

    Essaye de remplacer le code actuel par:
    <img src="http://ekladata.com/IH_mknIDRwvV3VrF0wnORY1vHVA.jpg" alt="DSC00996.JPG" width="500" height="375">


    La dernière photo de cet article s'affiche par ce code:
    <p style="text-align: justify;"><span style="font-family: times new roman,times; color: #0000ff; font-size: 24pt;"> <img style="margin: 3px auto; display: block; clear: both;" src="http://ekladata.com/x2LGoaVPZrMXFTkrfxeKFro3fbo@484x473.jpg" alt="" width="484" height="473"></span></p>

    Pas besoins de commentaire, mais je suis curieux de savoir d’où il provient. (tout ce qui est en gris est inutile, voir du parasitage)
     
    Demain sera un autre jour, mais évite les ajouts d'image par copié collé !

    Bonnes suites

    Lundi 14 Décembre 2020 à 22:38
    Marisarah

    Merci Stormalo, mais ce ne sont pas des copiées-collées mais des photos personnelles, bonne soirée.

    Lundi 14 Décembre 2020 à 22:52
    stormalo

    Ce n'est pas ce que je veux dire. Des photos personnelles peuvent être insérées ou déplacées par copié collé.

    Elle peuvent aussi être insérées dans un code existant non prévu pour cela. De toutes façons ces codes ne sont pas ceux qui correspondent à une pratique normale.

    Quelqu'un d'autre aura peut être un avis différent. On verra demain.

    Bonne soirée aussi. sleep

    Mardi 15 Décembre 2020 à 07:53
    Colette95

    Bonjour stormalo, smile

    Edit :

    La dernière photo de cet article s'affiche par ce code:
    <p style="text-align: justify;"><span style="font-family: times new roman,times; color: #0000ff; font-size: 24pt;"> <img style="margin: 3px auto; display: block; clear: both;" src="http://ekladata.com/x2LGoaVPZrMXFTkrfxeKFro3fbo@484x473.jpg" alt="" width="484" height="473"></span></p>

     

     Ce code en gris, totalement incongru pour une photo est généré automatiquement par l'éditeur lorsqu'on grise l'ensemble de l'article (texte et photo comprise) pour en modifier la présentation. 

    En faisant un essai de mon côté, j'ai obtenu ceci :

     <p><span style="color: #ff0000;"><strong><span style="font-family: 'trebuchet ms', geneva;"><em>Le&nbsp;Lorem Ipsum&nbsp;est simplement du faux texte employ&eacute; dans la composition et la mise en page avant impression.</em></span></strong></span></p>
    <p style="text-align: center;"><span style="color: #ff0000;"><strong><span style="font-family: 'trebuchet ms', geneva;"><em><a style="color: #ff0000;" href="http://ekladata.com/F5P7nsblc0CkrU10nDvRaffYYxx.jpg"><img src="http://ekladata.com/F5P7nsblc0CkrU10nDvRaffYYxk@500x500.jpg" alt="" /></a></em></span></strong></span></p>
    <p style="text-align: center;"><span style="color: #ff0000;"><strong><span style="font-family: 'trebuchet ms', geneva;"><em>Il a &eacute;t&eacute; popularis&eacute; dans les ann&eacute;es 1960 </em></span></strong></span></p>

    Tous les codes en bleu sont donc venus s'ajouter automatiquement, confirmant que Marisarah ne fait donc pas de copié/collé à partir d'un logiciel quelconque mais pratique simplement comme je viens de le faire pour modifier son article.

    La pratique normale évidemment consisterait à griser uniquement le texte...

    Bonne journée pas trop humide. 

    Mardi 15 Décembre 2020 à 11:03
    Marisarah

    Bonjour, Colette et Stormalo.

    Merci de chercher la raison à ce problème, mais où le bât blesse c'est pourquoi j'intègre des photos de 700 et dans l'article elles se retrouvent en plus petites ?

    Je ne comprends rien, enfin tant pis, je vous souhaite une bonne journée.

    Cordialement.

    Mardi 15 Décembre 2020 à 12:02
    Colette95

    Rien n'est le fait du hasard ! Tu ne te souviens pas avoir ajouté ces codes dans ta feuille de style ?... 

    img {max-width:500px;height:auto;}

    En introduisant ces codes tu as donné l'ordre que tes images ne fassent pas plus de 500px donc ordre exécuté et logique. Que tes photos aient n'importe quelle dimension au téléchargement, le résultat sera toujours limité à ce que tu as indiqué.

    Si tu ne connais pas le langage css, vaut mieux ne pas t'y risquer. sarcastic

    En le supprimant tout devrait rentrer dans l'ordre

    Cordialement.

    Mardi 15 Décembre 2020 à 12:32
    Marisarah

    Ah ok j'ai mis ça pour les images des commentaires !

    Je vais retirer dans le ccs.

    Merci.

    Bonne journée

    Ça marche merci cool

    Mardi 15 Décembre 2020 à 12:54
    Colette95

    Avec ce code c'étaient toutes les images de ton blog qui étaient impactées.

    Pour réduire uniquement les images chargées dans les commentaires, mets celui-ci :

    .commentbody img {max-width: 500pxheightauto;}

    Bonnes suites. smile

    Mardi 15 Décembre 2020 à 14:13
    Marisarah

    Oh merci Colette, bonne fin d'année yes




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.