fixer la largeur MINIMUM d’une image sous Twenty Eleven 1.3 (Créer un compte)

  • Statut : non résolu
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #510127
    OliOne
    Participant
    Chevalier WordPress
    135 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : dernière
    – Version de PHP/MySQL :
    – Thème utilisé : Twenty Eleven 1.3
    – Extensions en place :
    – Nom de l’hebergeur :
    – Adresse du site :

    Problème(s) rencontré(s) :

    Le thème Twenty Eleven 1.3 réduit les images si on réduit la fenêtre ouverte sur le site.
    Ainsi, une image de 600px de large (défini aussi dans sa balise width=”600px”) peut être affichée avec une largeur de 300px.
    Je dois faire un mapping de lien sur l’image.
    Toutes les coordonnées seront obsolètes dès que l’internaute sera sur une page réduite.

    Comment obliger mon image à rester à 800px de large (sans changer le thème vu que c’est bien pour toutes les autres images du site.)

    J’ai testé:
    – Mettre un cadre de 800px de large autour de l’image.
    – Entourer dans des balise div qui définissent la largeur.
    – Mettre la largeur dans la balise image.
    – Trouver la solution via Google ou le forum (mais on y parle surtout de largeur maximum)

    Merci pour votre aide!

    OliOne

    #835200
    xfreeride
    Membre
    Padawan WordPress
    50 contributions

    Il faudrait tout d’abord être plus précis en indiquant le maximum de chose dans ta config WP actuelle (avec le lien sur ton blog, etc)

    Pour ce qui est de la largeur de tes images, il faut indiquer le code suivant dans tes css :

    img {min-width: 600px;}

    600 est une valeur que j’ai mise par défaut. A toi d’indiquer la largeur minimum que tu veux.

    Mais ce code est un exemple. Pas évident de fournir un code sans savoir vraiment ce que tu as en affichage sur ta page… 😕

    #835201
    OliOne
    Participant
    Chevalier WordPress
    135 contributions

    Merci pour ta réponse.

    la page concernée: http://www.fetedelamusiqueliege.be/fm2012/organisateurs/

    code html de la page:

    <div><img class="aligncenter  wp-image-2276" style="border: 0px" title="organisateurs2012" src="http://www.fetedelamusiqueliege.be/fm2012/organisateurs2012.jpg" alt="" width="800" height="1109" /></div>

    Mais ça ne fonctionne pas.
    L’image est toujours réduite en proportion, quand on réduit la fenêtre.

    #835202
    xfreeride
    Membre
    Padawan WordPress
    50 contributions

    Tu t’es trompé, la largeur minimale n’est pas à attribuer à ta div mais à ton image. Voici ton code corrigé :

    <div>
    <img class="aligncenter  wp-image-2276" style="border: 0px;min-width:800px" title="organisateurs2012" src="http://www.fetedelamusiqueliege.be/fm2012/organisateurs2012.jpg" alt="" width="800" height="1109" /></div>

    @+ 😉

    #835203
    OliOne
    Participant
    Chevalier WordPress
    135 contributions
    xfreeride wrote:
    Tu t’es trompé, la largeur minimale n’est pas à attribuer à ta div mais à ton image. Voici ton code corrigé :

    <div>
    <img class="aligncenter  wp-image-2276" style="border: 0px;min-width:800px" title="organisateurs2012" src="http://www.fetedelamusiqueliege.be/fm2012/organisateurs2012.jpg" alt="" width="800" height="1109" /></div>

    @+ 😉

    Effectivement! MERCI!

5 sujets de 1 à 5 (sur un total de 5)
  • Vous devez être connecté pour répondre à ce sujet.