[HTML] Garder les proportions d'une image.

Garder les proportions d'une image. [HTML] - Programmation

Marsh Posté le 09-07-2002 à 00:17:10    

Salut.
Je refais un site web alors que ca fait + de 3 ans que j'en ai plus fait un et g un prob tout bête  :sweat:  
 
J'ai fait une recherche mais g rien trouver.
 
Dans la cellule supérieure d'n tableau g la bannière de mon site.
La  largeur de mon tableau ainsi que celle de mon image est en %.
 
Le prob c que ds diff résolution ou si la fenetre du navigateur est réduite, la largeur de mon tableau et de mon image s'adapte bien à la résolution mais pas ma hauteur. Je perd mes proportions, du coup mon image est écrassée.
 
Comment résoudre ce prob svp.
 
Merci d'avance.

Reply

Marsh Posté le 09-07-2002 à 00:17:10   

Reply

Marsh Posté le 09-07-2002 à 00:18:30    

[:wam]

Reply

Marsh Posté le 09-07-2002 à 00:33:45    

W3C Compliant a écrit a écrit :

 [:wam]  




 
What's up doc?

Reply

Marsh Posté le 09-07-2002 à 00:39:05    

Heu, largeurs d'images en % déjà c pas très catholique... et y a pas de moyen simple de conserver la proportion largeur/hauteur d'une image ou cellule de tableau :/

Reply

Marsh Posté le 09-07-2002 à 00:50:43    

qq'un a-t-il une idée de comment on fait ca pour adapter les images à la taille de la fenetre de votre browser :  
 
http://www.jeux-strategie.com/warcraft/
 
(Voir la bannière du haut)

Reply

Marsh Posté le 09-07-2002 à 01:28:20    

re- [:wam]  
 
je vois pas où les images sont redimensionnées...

Reply

Marsh Posté le 09-07-2002 à 04:48:40    

W3C Compliant a écrit a écrit :

Heu, largeurs d'images en % déjà c pas très catholique...


c'est au contraire très orthodoxe :
 
http://www.w3.org/TR/REC-html40/st [...] tml#h-13.2
http://www.w3.org/TR/REC-html40/sgml/dtd.html#Length
 

W3C Compliant a écrit a écrit :

et y a pas de moyen simple de conserver la proportion largeur/hauteur d'une image ou cellule de tableau :/


pour une image, il suffit de spécifier l'une des dimensions : seulement width ou seulement height. donc <img src='...' width='100%'> prendra toute la largeur de la page tout en gardant une proportion correcte.
 

l_olive_l a écrit a écrit :

qq'un a-t-il une idée de comment on fait ca pour adapter les images à la taille de la fenetre de votre browser :


une image avec un pourcentage. mais généralement le resize est très laid. vu que le menu est déjà assez illisible, tu ferais mieux de faire ça en pur html.

Reply

Marsh Posté le 09-07-2002 à 04:49:56    

youdontcare a écrit a écrit :

une image avec un pourcentage.


ou du javascript. mais ça devient franchement compliqué pour un menu ...

Reply

Marsh Posté le 09-07-2002 à 06:00:41    

Youdontcare : y a la théorie... et la pratique. Et dans la pratique : marche po.

Reply

Marsh Posté le 09-07-2002 à 06:25:18    

qu'as-tu testé et avec quel browser ? je n'ai qu'ie6 et mozilla1. avec les deux, <img width='xx%'> marche. resizer l'image en javascript en ne modifiant que width garde la proportion.

Reply

Marsh Posté le 09-07-2002 à 06:25:18   

Reply

Marsh Posté le 09-07-2002 à 06:40:47    

Ben, testé avec Netscape et a marche po, et Opera 5 j'ai des bugs graphiques. Y a qu'avec MSIE 5+ que j'obtiens un redimensionnement correct
 
(sous Moz, nickel)
 
Mais je crois que le problème du monsieur, c'est que le tableau se redimensionne avec l'image... soit j'ai mal compris, soit c'est pas faisable -> forcer la hauteur du tableau mais bon... en %... ca va être dur (la largeur ok mais quand on arrive à la hauteur)


Message édité par Profil supprimé le 09-07-2002 à 06:48:25
Reply

Sujets relatifs:

Leave a Replay

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