Forum Programmation.web CSS forcer la taille d'une image

Posté par arnaud le 03 mai 2006 à 00:06.

Étiquettes : aucune

mai

2006

Bonjour,

J'ai un problème assez simple mais que je n'arrive pas à résoudre:
au passage de la souris sur un lien (vers une page en rapport avec une image), j'affiche un div qui contient cette image.
J'ai fait ça grâce aux div et un peu de css (div invisible par défaut que je rend visible au passage de la souris a:hover div).

La où ça se complique, c'est que je veux afficher l'image réduite, que sa hauteur et sa largeur ne dépassent pas 80px par exemple.
Mon problème c'est que mes images sont très variées, certaines sont très larges et d'autres très hautes, donc fixer l'une de ses dimensions n'est pas une bonne solution.

Quelqu'un a une idée ? :D

# Max-*

Posté par GCN (site web personnel) le 03 mai 2006 à 01:55. Évalué à 2.
Ceci devrait faire l'affaire:
- http://www.w3schools.com/css/pr_dim_max-width.asp
- http://www.w3schools.com/css/pr_dim_max-height.asp
- [^] # Re: Max-*
  
  Posté par LeXav le 03 mai 2006 à 09:21. Évalué à 1.
  
  On pourra quand même remarquer que ces directives sont pas/peu/mal supportées par Internet Explorer Ce site en parle http://www.christopher-jablonski.com/fr/reperes/ie6.shtml
  Il est un peu vieux, mais malheureusement toujours d'actualité.
  - [^] # Re: Max-*
    
    Posté par arnaud le 03 mai 2006 à 11:16. Évalué à 1.
    
    c'est dommage car c'est exactement ce que je veux :$
    
    En suivant les liens indiqués sur http://www.christopher-jablonski.com/fr/reperes/ie6.shtml , je suis tombé sur ça: http://www.estvideo.com/dew/index/2004/04/16/168-internet-ex(...)
    quelqu'un a déjà essayé ?
# width maxwidth minwidth

Posté par Obsidian le 03 mai 2006 à 15:35. Évalué à 1.

Effectivement, comme dit plus haut tu peux utiliser width, minwidth et maxwidth, mais en gardant à l'esprit que les deux dernières n'existent que depuis CSS2 et que les navigateurs comme Internet Explorer ont déjà beaucoup de mal avec la première.

Pour ton problème d'image en particulier, si tu veux obtenir une réduction d'image, il faudra appliquer ces directives à la fois à ta division DIV et à la balise de l'image IMG.

Autrement, le débordement d'une division peut être géré par overflow. Tu as le choix de couper tout ce qui dépasse, de laisser déborder, ou de mettre des ascenseurs. Par contre le redimensionnement est propre aux images et ne fait donc pas partie des spécifications CSS à ma connaissance ...
- [^] # Re: width maxwidth minwidth
  
  Posté par arnaud le 04 mai 2006 à 15:54. Évalué à 1.
  
  Justement je veux redimensionner mon image pour qu'elle tienne dans mon div, je ne veux ni la tronquer ni la faire déborder...
  
  de toute façon j ene peux pas utiliser minwidth puisque ça ne fonctionne pas sous IE :(

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.

# Max-*

[^] # Re: Max-*

[^] # Re: Max-*

# width maxwidth minwidth

[^] # Re: width maxwidth minwidth