Bonjours à tous,

Mon problème c'est que j'essaye de créer une liste avec des images mais elles n'ont pas toutes la même tailles.

J'ai donc essayé de faire avec max-width:100% et cela fonctionne super pour la largeur mais par contre quand je veux utiliser max-height avec un  pourcentage ou une taille en pixel la largeur du max-width s’enlève.

Alors je voudrai savoir si il y a une technique pour éviter ça et que je puisse garder ma width pour toutes les images et changé la height.

 Merci pour vos réponses d'avance

Salut,

Avec juste width et height, ça ne fonctionne pas?

As-tu des capture d'écran pour mieux nous indiquer?

un max-height avec un max-width n'est pas, selon moi, la meilleure idée car ton image pourrait être déformée

Salut,

tu peux procéder comme ça si tu veux que tes images de tailles différentes soit toutes optimisé à la même taille (cas classique en haut, solution en bas)

-
Edité par 21baki 1 mars 2020 à 22:36:33

Merci pour vos réponses.

J'ai adapté le code du code Pen à mes images et cela fonctionne super.

Bonjour,

Sujet résolu

Si je peux me permettre, et avant que le sujet soit résolu, je te suggère de jeter un coup d'oeil sur la propriété object-fit qui va te permettre de cropper ton image au cas où tu n'es pas les bonnes dimensions et pour éviter les bordures blanches

https://developer.mozilla.org/fr/docs/Web/CSS/object-fit 

@CesarBousson1 Bonsoir, merci de ne pas déterrer d'ancien sujet résolu. Surtout pour dire ce qui a déjà été dit.

Je ferme ce déterrage.

Le message qui suit est une réponse automatique activée par un membre de l'équipe de modération. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.
Pour plus d'informations, nous vous invitons à lire les règles générales du forum

Déterrage

Citation des règles générales du forum :

Avant de poster un message, vérifiez la date du sujet dans lequel vous comptiez intervenir.

Si le dernier message sur le sujet date de plus de deux mois, mieux vaut ne pas répondre.
En effet, le déterrage d'un sujet nuit au bon fonctionnement du forum, et l'informatique pouvant grandement changer en quelques mois il n'est donc que rarement pertinent de déterrer un vieux sujet.

Au lieu de déterrer un sujet il est préférable :

• soit de contacter directement le membre voulu par messagerie privée en cliquant sur son pseudonyme pour accéder à sa page profil, puis sur le lien "Ecrire un message"
• soit de créer un nouveau sujet décrivant votre propre contexte
• ne pas répondre à un déterrage et le signaler à la modération

Liens conseillés

• Règles générales du forum