[RÉGLÉ] Photos non redimensionnées dans Gantry pour IE

[jérémie14]

Bonjour,

Oui, c'est encore moi et j'ai un nouveau problème, le redimensionnement des images sous IE 10 ou moins.
Voici un exemple :
Navigateur autre que IE:

IE :


Comment faire pour que sa s'affiche pareil. Je pense qu"il y a une solution sinon ils ne se seraient pas embêter à faire des fichiers css exprès pour IE...

Merci d'avance
Jérémie 14

[christof]

Re : Photos non redimensionnées dans Gantry pour IE

Bonjour,

Déjà constaté ça en effet. De mémoire (lointaine), il me semble qu'il faut redimensionner le width, voir les deux mais pas que le height tout seul.

À moins que j'ai fini par redimensionner les images à la source :-)


Sent from my iPad using Forum Joomla.fr mobile app

[jérémie14]

Re : Photos non redimensionnées dans Gantry pour IE

Bonjour et merci de ta réponse mais je ne vois pas ce que tu veux dire car quand je regarde le code source d'une image redimensionnée, je vois par exemple :

width="572" height="431"

Donc les deux sont redimensionné mais pas sous IE

Jérémie

[christof]

Re : Photos non redimensionnées dans Gantry pour IE

Ah oui, donc souvenirs très lointains, ce doit être pour widgetkit de yootheme que j'ai eu ce genre de blague.

Je crois du coup que je me suis résigné à redimensionner les images à la source, comme évoqué en deuxième solution, à défaut de chercher l'origine du problème (estimant peut-être à tort que ça me prendrait moins de temps et que ça ne ferait pas de mal pour le poids des pages du site)


Sent from my iPad using Forum Joomla.fr mobile app

[jérémie14]

Re : Photos non redimensionnées dans Gantry pour IE

Ah d'accord mais je ne pense pas que cette solution est convenable car ma mère ne va pas tout redimensionner à l'avance, c'est impossible. Je vais continuer de chercher..

Jérémie 14

[chabi01]

Re : Photos non redimensionnées dans Gantry pour IE

Bonjour,
As-tu essayé d'ajouter une règle dans le css ? Quelque chose comme :

img, .gantry-img img, img.gantry-img {
max-width: 100%;
height: auto;
}

En adaptant le code pour qu'il fonctionne avec ton site..
Cordialement,

[christof]

Re : Photos non redimensionnées dans Gantry pour IE

Si je peux me permettre, c'est justement l'inverse qu'il veut : non pas avoir une image qui prenne toute la largeur, mais une image qui soit redimensionnée selon ses valeurs.

Pas de souci avec la majorité des navigateurs mais certaines versions de IE ne semblent pas le prendre en compte et laissent l'image à ses dimensions d'origine, malgré le redimensionnement demandé.


Sent from my iPad using Forum Joomla.fr mobile app

[chabi01]

Re : Photos non redimensionnées dans Gantry pour IE

Si je peux me permettre, c'est justement l'inverse qu'il veut : non pas avoir une image qui prenne toute la largeur, mais une image qui soit redimensionnée selon ses valeurs.
Sent from my iPad using Forum Joomla.fr mobile app

En adaptant le code pour qu'il fonctionne avec ton site..

100% peut se modifier en d'autres valeurs peut-être ?

Sent from my com****r using my keybord and my little fingers on Forum Joomla.fr

[christof]

Photos non redimensionnées dans Gantry pour IE

J'avais bien compris merci :-)

Mais sans vouloir parler à sa place, il voulait savoir pourquoi le redimensionnement n'était pas pris en compte, pas forcément imposer une dimension pour toutes les images.

Mais si cette solution lui convient (et qu'elle fonctionne), pourquoi pas.


Édit : et oui, je n'ai pas encore modifié la signature imposée de origine par l'app : Sent from my iPad using Forum Joomla.fr mobile app

[jérémie14]

Re : Photos non redimensionnées dans Gantry pour IE

Bonjour,

Mais sans vouloir parler à sa place, il voulait savoir pourquoi le redimensionnement n'était pas pris en compte, pas forcément imposer une dimension pour toutes les images.

C'est à tout à fait ça et je ne pense pas que cette solution soit bonne. Dans Yoogrid, ça ne posaient pas de problème, donc faudraient regarder comment ils font eux et comparer avec Gantry...

Jérémie 14

[chabi01]

Re : Photos non redimensionnées dans Gantry pour IE

Lors d'un conflit entre des tailles d'images dans IE, ce sont les règles css qui sont alors appliquées.
Si tu as un un conflit entre une taille d'image codée en dur (dans les balises de l'image) et que des règles sont également applicables parce qu'existantes dans le css, IE utilise alors la règle css.

En sachant que Gantry utilise un bootstrap qui appelle différentes règles (Twitter, etc.), tu as alors vraisemblablement un conflit entre les règles css et tes tailles d'images.
D'où la solution css suggérée.
Cordialement,

- - - Mise à jour - - -

Regarde dans le fichier bootstrap.css...

[jérémie14]

Re : Photos non redimensionnées dans Gantry pour IE

Merci beaucoup, j'ai trouver la solution : dans le balise img, j'ai supprimé ce qui se réfère à la taille de l'image et le tour est joué.

Jérémie 14