[RESOLU] Image dans du HTML : comment les tronquées ?

Marsh Posté le 01-09-2008 à 18:00:59

Bonjour a tous !

J'ai un petit problème... En effet je dispose d'une image de taille 500*200 par exemple que j'aimerais placé dans un bloc div de 800*100.

Code :

<div id="image_conteneur">
<img src="**" alt="mon image" id="image" />
</div>

Et j'ai ce CSS a coté :

Code :

#image_conteneur {
width: 800px;
height: 100px;
}
#image {
width: 100%;
}

J'obtiens donc un image étirer et qui reste proportionnellement a l'echelle.

Mais elle dépasse de mon bloc div !
Connaitriez vous un moyen de remedier a ce depassement ?
Je pensais a une éventuelle fonction qui pourrait tronquer l'image... un attribut css peut être, mais rien... peut être du javascript ? Mais je ne vois pas où creuser...

Merci d'avance !

Message édité par dave260888 le 02-09-2008 à 09:21:14

Marsh Posté le 01-09-2008 à 18:00:59

Marsh Posté le 01-09-2008 à 20:36:34

En CSS, tu peux utiliser la propriété overflow qui peut empêcher le div parent de s'agrandir :

Code :

#image_conteneur {
  width: 800px;
  height: 100px;
  overflow: hidden;
}

Marsh Posté le 02-09-2008 à 09:02:44

Merci FlorentG, je teste ca

EDIT : Merci beaucoup ! ca marche impec !

Message édité par dave260888 le 02-09-2008 à 09:20:29

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *