Fixer la dimension d'une image

Fixer la dimension d'une image - HTML/CSS - Programmation

Marsh Posté le 22-02-2006 à 00:20:21    

Bonjour à tous,
 
je suis en train de concevoir un forum, les membres peuvent afficher une image au dessus de leur pseudo dans une colonne, comment faire pour fixer la largeur et limiter la hauteur de l'image sans la fixer ? pour éviter que quelqu'un ne mette une image très haute et déforme la mise en page, mais également pour permettre de garder le ratio hauteur/ largeur des images des utilisateurs ?
 
je pourrais sans doute utiliser php mais mon but est d'alléger au max le forum en temps de traitement, je préfererais donc un moyen html/css/javascript
 
merci pour votre aide

Reply

Marsh Posté le 22-02-2006 à 00:20:21   

Reply

Marsh Posté le 22-02-2006 à 00:25:14    

Je suppose que ta colonne a une largeur fixée. Dans ce cas tu appliques au conteneur de l'image (la cellule du tableau si tu utilises un tableau) la propriété CSS "overflow: hidden;" comme ça tout ce qui est plus grand que les dimensions de la colonne sera rogné sans agrandir celle-ci.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 22-02-2006 à 00:27:52    

dans ce cas la presque toutes les images seront rognées et je ne veux pas imposer a mes utilisateurs une taille d'image, je veux fixer la largeur et limiter la hauteur
 
merci pour ta réponse


Message édité par BaDaBoOm le 22-02-2006 à 00:28:34
Reply

Marsh Posté le 22-02-2006 à 00:48:04    

Pour fixer à 100 pixels de  largeur:
<<img width=100>>
Ça fonctionne correctement sur les navigateurs récents. Par contre ça n économise pas la bande passante.
La solution PHP permet cette économie: tu peux lors du processus d ajout d une image la retailler à une taille maximale avec PHP. Tu sauvegarde ainsi aussi ton espace disque et tu évites qu un utilisateur mécontent se mette à saturer ton disque avec des grandes images.
 

Reply

Sujets relatifs:

Leave a Replay

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