[RESOLU] Faire passer une image d'un article devant la sidebar

zetraderzetrader Member
dans Discussions générales
Bonjour, sur plusieurs articles j'ai posté plusieurs images qui sont un peu trop grandes pour les dimensions de l'article et débordent sur la sidebar.
Je ne souhaite pas réduire ces images ou m'embêter à faire des miniatures, j'aimerais qu'elles soient visibles directement à la lecture de l'article.
Mon problème c'est que quand une image est trop grande, le côté de l'image qui déborde se met à déborder SOUS la sidebar, rendant illisible cette partie de l'image.
Exemples :
http://zetrader.fr/?article69/gagner-en-bourse-solde-compte-titres-dubus-2-mars-2005
http://zetrader.fr/?article59/gagner-en-bourse-statut-bnc-2003-impot-sur-le-revenu
La partie de l'image qui déborde à droite est cachée à chaque fois par la sidebar.
Comment faire pour que l'image passe dessus (que la sidebar passe derrière l'image) et non derrière la sidebar ?
Quelle modification faut-il faire au niveau du thème ?
Il s'agit du thème par défaut de la 4.3 de TiPierre.
Merci pour vos réponses.

Pierre (hé oui moi aussi je m'appelle Pierre ;) )

Pierre Aribaut - zetrader & zeforums

Réponses

  • StéphaneStéphane Member, Former PluXml Project Manager
    essaye en mettant dans la feuille de style de ton thème (à la fin du fichier css) 
    img {
max-width: 700px;
}
    tu sera peut être amené à ajuster la valeur de 700px

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

  • zetraderzetrader Member
    mars 2010 modifié
    Merci, cela permet d'éviter que ça déborde et ça ajuste la taille de l'image à la largeur voulue en faisant une miniature qui se base sur cette largeur maximum autorisée, miniature faite uniquement en cas de dépassement de la largeur maximum autorisée, c'est cool comme fonction :)
    J'ai effectivement du ajuster à 745px parce que j'avais élargi ma zone de contenu à 750px, avec la marge interne, cela colle parfaitement.
    Encore merci :)

    Pierre Aribaut - zetrader & zeforums

  • zetraderzetrader Member
    Mmmhhh ... c'était résolu avec la 4.3 mais avec la nouvelle version 5, cela semble ne plus marcher, les images passent de nouveau derrière le menu à droite sans être redimensionnées (si elles dépassent), exemple :
    http://zetrader.fr/article294/blog-bourse-finance-trading-integration-gravatar-aux-commentaires
    Des idées d'adaptation du code dans le fichier css du thème ?
    J'ai le code suivant à la fin du fichier style.css (qui semble désormais inopérant) : 
    img {
max-width: 745px;
}

    Pierre Aribaut - zetrader & zeforums

  • zetraderzetrader Member
    c'est bon j'ai trouvé le problème, c'était un } qui me manquait au niveau de la section tags dans le fichier style.css, une parenthèse pas fermée et le code après ne s'appliquait pas.
    Il s'applique de nouveau, donc problème à nouveau résolu :)

    Pierre Aribaut - zetrader & zeforums

  • StéphaneStéphane Member, Former PluXml Project Manager
    un problème en moins ;)

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

Connectez-vous ou Inscrivez-vous pour répondre.