5568 sujets

Sémantique web et HTML

Redimensionnement + haut d'une image

Bonjour à tous,

j'ai beau chercher, impossible d'arriver a faire ce dont j'ai envie..

J'ai une image qui fait 300 pixels de largeur et 400 de hauteur. J'aimerai en fait redimensionner cette image en 150*200, et n'afficher que le haut de l'image (cacher les 100px du bas de l'image, ce qui reviendrai alors à 150*100px)

Comment faire ? Pour redimensionner l'image on peut le faire ainsi :

<img src="image.jpg" height="200px" width="150px" />


et ensuite pour prendre les 100 premiers pixels j'ai essayé de mettre :

<div style="height: 100px;">


Qui ne redimensionnera pas contrairement au HTML mais fera bien ce que je veux... Le problème est que je n'arrive pas à combiner ces 2 choses.

Merci de votre aide Smiley cligne
thedeviltogta a écrit :
Comment faire ? Pour redimensionner l'image on peut le faire ainsi :

<img src="image.jpg" height="200px" width="150px" />

Non, la syntaxe HTML est la suivante :
<img src="image.jpg" height="200" width="150" />

;)
Déjà, s'agit-il d'une image portant une information (image que l'on devra alors retrouver dans le contenu HTML via la balise <img> et un texte alternatif pertinent...), ou bien d'une simple décoration ?

Si c'est une simple décoration, on pourra la mettre en image de fond. Quant au redimensionnment... autant le faire au préalable, avec un logiciel de retouche d'image, non ?


Si tu n'en dis pas plus sur ton projet, il va être difficile de te proposer des conseils pertinents. Smiley decu
Modifié par Florent V. (31 May 2007 - 21:37)
thedeviltogta a écrit :
Seulement j'aurai aimé n'afficher que l'image du dessus sur la page précedente, et en miniature

Pourquoi ne pas tout bêtement faire une deuxième image ? D'autant plus que s'il s'agit d'une image de fond, ça n'est pas redimensionnable par le navigateur.
Sujet clos
Aller à