Partage
  • Partager sur Facebook
  • Partager sur Twitter

problème d'image

déformation d'image

    2 novembre 2006 à 10:37:01

    bonjour, je voudrais mettrer sur le site que je fais la possibilité de mettre des img et comme je travail sur un site no fixe (donc non extensible) j'ai aps envi que si quelqu'un mes une image trop grand, ça me déforme le site entié

    normalement il faut utiliser les limites de taille pour la hauteur et la largeur
    par exemple
    <img src="LIEN" width="160" height="120">

    mais le souci avec cette méthode, c'est que si l'image est en orisontale, il vas me la compresser donc je cherche un moyen pour pouvoir éviter la compression, en gros, plustot d'une réduction à longueur et l'argeur, une réduction à l'échelle

    ex :
    si je veux que la largeur maximum soit de 100
    et que l'image fait 800*600, il me la réduit à 100*75
    et si elle est de 600*800, il me l'a réduit à 100*133

    pour ne pas subire de déformation d'image, mais ça je ne sais pas commment on fait et si on peu le faire

    vous pouvez m'aider ?

    RoBiNoU

    PS : ou si vous avez d'autre solution ou d'autre idées pour mettre les images, n'ésiter pas
    • Partager sur Facebook
    • Partager sur Twitter
      2 novembre 2006 à 11:47:18

      Chu !

      Pour que l'image reste à l'échelle, il suffit simplement de coder comme ceci :
      <p><img src="image.jpg" alt="Belle image" title="Belle image" /></p>

      img
      {
      width: 100px;
      }

      En effet, l'application d'une seule valeur soit pour la hauteur, soit pour la largeur, te permettra de conserver les proportions ! ;)

      En gros, si tu veux que tes images, quelque soit leurs tailles originelles, fassent 100px de large, et conservent leur échelle, applique le code ci-dessus ! ^^

      C'est aussi simple que ça !

      Bonne journée ! ;)

      PS : Relis-toi avant de poster... :-°
      • Partager sur Facebook
      • Partager sur Twitter

      problème d'image

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown