Définir la taille d'une image en pourcentage [Fermé]

Signaler
-
 GAIGHER -
Bonjour,
J'aimerai définir la taille d'une image en pourcentage dans une page HTML

Quand jutilise les valeur "width" et "height" je peu juste chanjer la taille normal de l'image
(si j'ai une image de 100x512 et que je lui flanque les valeur width="50" height="50" elle s'écrase)
J'aimerai pouvoir changer le pourcentage de fason a que l'image se redimentione sans s'écraser

_J'ai essayer avec width="50%" height="50%" se qui na rien donner
_J'ai tester avec un CSS ( {height: 50%;width: 50%;} ) sa na pas fonctioner ou je mi sui mal pri
_J'ai chércher sur le net , sans grand suxée


D'avence Merci

7 réponses

Messages postés
18448
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
11 octobre 2020
4 216
Il ne faut préciser que la hauteur ou que la largeur.
3
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 60511 internautes nous ont dit merci ce mois-ci


je ferai cela en PHP

il faut creer une fonction
qui recupere la largeur de l'image
et qui divise la valeur par 2

puis tu fait appel a cette fonction dans le code html pour definir la taille de ton image
Merci

Mais ji touche impeu o PHP , mé la sété juste pour fair un index pour cacher la source de mon FTP
Je voulez pas trop me compliquer

Voila se que sa donne
http://sda3.free.fr/femme/content/Les%20Dessins/Portrait/
Messages postés
18448
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
11 octobre 2020
4 216
Salut.

Il suffit de définir la largeur ou la hauteur (en pixels), le navigateur se chargera de conserver les proportions.

Si tu veux utiliser obligatoirement les pourcents, il faudra passer par du JS.
Ok merci

Donc j'ai tester avec une valeur en pixels
width="50px" height="50px" , je sui pas sur que se soit vraiment ça
entouca sa ne fonctionne pas
je l'ai méme tester dans le CSS ( {height: 50px;width: 50px;} ) , marche pas

J'ai camméme vérifier avec Mozilla Firefox pour toute les valeur que javer tester
au qu'a ou le probléme viénne de IE , sa n'a rien donner de plus

Pourrai-je avoir plus d'info sur le PHP a utiliser (je sui pas o top niveau PHP)

Merci
Ha wé dacor >_< , SA FONCTIONE !!!
Javer déja vu s'ette solution , mai je mété dit que sété trop bette pour fonctioner

Pioufff et dir que je comensé a lir se tuto
http://www.siteduzero.com/tutoriel-3-36745-gd-redimensionner-une-image-sans-la-deformer.html
La jen euré u pour la vie des rats O_o

Merci avion-f16 !
Messages postés
18448
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
11 octobre 2020
4 216
Il ne te reste plus qu'à terminer ce que tu as commencé, tu n'en seras pas déçu (et comme tout webmaster, un jour, tu auras une idée qui nécessitera de connaître le PHP :) ).