Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Rendre l'affichage d'images conforme à HTML

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

Êtes-vous pour ou contre ?

Rendre l'affichage d'images conforme à HTML - Page 2 Left11100%Rendre l'affichage d'images conforme à HTML - Page 2 Right11 100% 
[ 11 ]
Rendre l'affichage d'images conforme à HTML - Page 2 Left110%Rendre l'affichage d'images conforme à HTML - Page 2 Right11 0% 
[ 0 ]
 
Total des votes : 11
 
Sondage clos

Rendre l'affichage d'images conforme à HTML - Page 2 Empty Rendre l'affichage d'images conforme à HTML

Message par Le Grand Duc Sam 14 Nov 2020 - 0:30

Rappel du premier message :

Bonjour,
Je crois qu'il y a belle lurette qu'en HTML, si on omet une des deux dimensions d'une image, l'autre est calculée automatiquement de manière à afficher l'image en respectant ses proportions.
Or ce n'est pas ce qui se passe ici avec la balise [IMG] : si on ne précise qu'une seule dimension, cette valeur est également attribuée par défaut à l'autre.
Par exemple :
Si je demande cette image sur 200 px de large...
Rendre l'affichage d'images conforme à HTML - Page 2 0110

Rendre l'affichage d'images conforme à HTML - Page 2 Donald-trump-president-elections-rose-garden

... tout se passe comme si j'avais donné également 200 px de haut :

Code:
[img(200px,200px)]https://images.radio-canada.ca/q_auto,w_1250/v1/ici-info/16x9/donald-trump-president-elections-rose-garden.jpg[/img]

Si on veut simplement afficher une image moins grande qu'à l'origine, le seul moyen de contourner le problème est de trouver l'autre dimension et la préciser également après une règle de trois. C'est long et fastidieux.

Donc ma proposition : rendre le fonctionnement de la balise [IMG] conforme à la balise HTML correspondante en ce qui concerne les dimensions de l'image.
Le Grand Duc

Le Grand Duc
***

Messages : 165
Inscrit(e) le : 29/01/2017

Voir le profil de l'utilisateur http://grandduc.forumactif.com
Le Grand Duc a été remercié(e) par l'auteur de ce sujet.

  • 0

Rendre l'affichage d'images conforme à HTML - Page 2 Empty Re: Rendre l'affichage d'images conforme à HTML

Message par Luzz Jeu 1 Avr 2021 - 9:43

Bonjour,

Merci pour ces retours.

En revanche, il y a un petit souci (pas nouveau) avec les images sur la version mobile ^^
La règle suivante :
.post-content img.loaded, .post-content img.loading, .post-content img.error {
height: auto;
}
Est inactivée dès lors que des attributs height / width sont présents sur l'image ^^
Moralité, bah, c'est très moche Very Happy

Merci @chattigre pour le signalement, je remonte cette information à l'équipe technique Smile

Bonne journée à tous
Luzz

Luzz
Adminactive
Adminactive

Autre / Ne pas divulguer
Messages : 1479
Inscrit(e) le : 25/10/2007

Voir le profil de l'utilisateur https://forum.forumactif.com
Luzz a été remercié(e) par l'auteur de ce sujet.

Rendre l'affichage d'images conforme à HTML - Page 2 Empty Re: Rendre l'affichage d'images conforme à HTML

Message par Luzz Jeu 1 Avr 2021 - 10:47

@chattigre,

Je reviens vers vous à propos de ce souci en version mobile que vous avez signalé. Ce comportement nous semble normal, puisque la première règle sert justement à définir la hauteur automatiquement si elle n'est pas spécifiée. Dès lors que vous spécifiez les dimensions pour une image, vous n'avez plus besoin de cette règle et c'est les dimensions que vous avez indiquées qui vont emporter.
Luzz

Luzz
Adminactive
Adminactive

Autre / Ne pas divulguer
Messages : 1479
Inscrit(e) le : 25/10/2007

Voir le profil de l'utilisateur https://forum.forumactif.com
Luzz a été remercié(e) par l'auteur de ce sujet.

Rendre l'affichage d'images conforme à HTML - Page 2 Empty Re: Rendre l'affichage d'images conforme à HTML

Message par chattigre Jeu 1 Avr 2021 - 11:35

Bonjour Luzz,
Le souci est que sur la version mobile, la largeur des images est systématiquement forcée à 100% maximum par ceci :
Code:
.post-content iframe, .post-content img {
   max-width: 100%;
}
Et c'est tant mieux, sinon la page serait défilable horizontalement ou l'image serait à moitié coupée (selon la propriété overflow-x j'entends Wink )

Le souci, c'est que la largeur de l'image est limitée, mais pas la hauteur.
Ce qui fait que l'image est totalement déformée Smile
Je vous remets la capture que j'ai faite, regardez la 2e image :
Rendre l'affichage d'images conforme à HTML - Page 2 Fdfcd112
La hauteur et la largeur sont définies
MAIS : La largeur est requalifiée à 100% par max-width
ET : La hauteur est laissée telle quel
=> Les proportions de l'image sont déformées

Et je ne pense pas que ce soit terriblement visuel Very Happy

Bonne journée !
chattigre

chattigre
Membre habitué

Masculin
Messages : 1186
Inscrit(e) le : 17/04/2019

Voir le profil de l'utilisateur https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum