Mes images sortent du cadre au chargement

Eléphant du PHP | 117 Messages

24 avr. 2009, 11:34

Bonjour à tous,

J'ai un petit problème sur mon site lorsque mes pages se chargent, mes images sortent du cadre et ça fait un peu moche, voici un exemple :
http://www.corner-suite.fr/design/corne ... r-maison/8

En fait les images des produits devraient se charger à l'intérieur du cadre blanc mais elles débordent, comment peut-on régler ce problème ?

J'ai tenté pas mal de choses mais sans succès.
Je pensé que ça se jouait au niveau du css mais apparement non.

J'avais une petite idée, je pensais qu'en mettant une taille width et height sur l'image, ça réglerai le problème.
Mais je n'ai pas ces informations, qu'en pensez-vous ?

Mammouth du PHP | 2937 Messages

24 avr. 2009, 12:26

Il est toujours judicieux de renseigner les attributs width et height pour les éléments img. En effet, lorsque les images mettent du temps à se charger (serveur lent, connexion à bas débit, image très lourde), cela permet de « réserver » l'espace nécessaire à leur affichage sans donner l'impression que l'affichage de la page est cassée.

Si tu n'as pas directement accès aux dimensions des images, getimagesize() peut t'y aider. ;)

Eléphant du PHP | 117 Messages

24 avr. 2009, 12:29

Merci pour le conseil et au niveau W3C, on peut mettre ces attributs ?

Mammouth du PHP | 2937 Messages

24 avr. 2009, 12:57

au niveau W3C, on peut mettre ces attributs ?
Oui, y compris en HTML 4.01 Strict, XHTML 1.0 Strict et XHTML 1.1. Ces attributs ne sont pas considérés comme des attributs de mise en forme.

Eléphant du PHP | 117 Messages

27 avr. 2009, 10:43

Mercci ça fonctionne super bien.
Apparement le site est plus rapide d'après les retours que j'ai.

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

27 avr. 2009, 11:52

Modération :
uspy62, si ta question est résolue, pense à ajouter le tag [Résolu]
pour indiquer aux personnes qui voudront consulter ce sujet qu'il contient une solution.
Tu peux réaliser cette opération en cliquant sur le bouton Image en haut à gauche de ce sujet.