fixer la largeur MINIMUM d'une image sous Twenty Eleven 1.3

Statut : non résolu

Ce sujet contient 4 réponses, 2 participants et a été mis à jour pour la dernière fois par OliOne, le il y a 13 années.

5 sujets de 1 à 5 (sur un total de 5)

Auteur

Messages
30 mai 2012 à 10 h 03 min #510127

OliOne
Participant

Chevalier WordPress
142 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

30 mai 2012 à 10 h 32 min #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… 😕
30 mai 2012 à 11 h 23 min #835201
OliOne
Participant

Chevalier WordPress
142 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.
1 juin 2012 à 15 h 38 min #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>
```
@+ 😉
2 juin 2012 à 14 h 28 min #835203
OliOne
Participant

Chevalier WordPress
142 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!

✅
Auteur

Messages