Ne pas éclater mes div avec des img trop grandes

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Ne pas éclater mes div avec des img trop grandes

Re: Ne pas éclater mes div avec des img trop grandes

par jojolapine » 03 nov. 2010, 18:06

J'ajoute éventuellement une solution css qui ne fonctionnera pas sur beaucoup de navigateurs (voir aucuns, j'ai pas testé :) )
Le

Code : Tout sélectionner

width:100%
n'est pas une bonne idée car si l'image est plus petite elle sera étirée...
Par contre pourquoi ne pas tester un

Code : Tout sélectionner

img { max-width:100%; }
?

Re: Ne pas éclater mes div avec des img trop grandes

par foetus69 » 03 nov. 2010, 17:08

Merci, c'est effectivement ce que je pensais mais j'ai maintenant confirmation :pouce:

Re: Ne pas éclater mes div avec des img trop grandes

par AB » 03 nov. 2010, 16:38

Tu n'y arriveras pas en html (enfin je vois pas comment).

Une piste avec php et getimagesize
Une autre piste avec javascript et offsetWidth offsetHeight

Re: Ne pas éclater mes div avec des img trop grandes

par Lupuz » 03 nov. 2010, 11:43

Je n'ai jamais essayé mais un style width:100% devrait fonctionner.

Ne pas éclater mes div avec des img trop grandes

par foetus69 » 03 nov. 2010, 11:13

Bonjour,

J'ai, je pense la réponse, mais on ne sait jamais.

Existe t-il d'un moyen de brider la largeur d'une image, d'un média en fonction de la taille d'une div ?

Exemple :

soit i une image de 600px
soit d une div de 300 px

Si je mets i dans d, d explose en théorie. Puis-je dire à i de se formater à la largeur de d sans toucher directement à sa largeur, genre une propriété spéciale...Je crois que non.

Have a nice day !

F.