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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [RESOLU] Image dans du HTML : comment les tronquées ?

dave260888

Hmong boy

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

Publicité

FlorentG

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;
}

dave260888

Hmong boy

Merci FlorentG, je teste ca

EDIT : Merci beaucoup ! ca marche impec !

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
"intercepter" quand l'utilisateur presse "Ctrl"+"S" [RESOLU]	Communication UDP [Résolu]
applet&html&access	parser html avec java
supprimer caractère unicode invalide	[Resolu][RegExp] filtre sur code postal
mailer un fichier html avec php mailer.	Script bash - Problème d'espace dans une variable RESOLU
input image disabled	[Résolu][PHP] utf8_decode et accent en dernière position ?!
Plus de sujets relatifs à : [RESOLU] Image dans du HTML : comment les tronquées ?

Page générée en 0.032 secondes