28172 sujets

CSS et mise en forme, CSS3

Bonjour,
j'emploie sur mes site responsive des images avec une width en pourcentage comme attribut.
Chose que le W3C ne recommande pas.

cependant si je spécifie le pourcentage en css, , je suis obligé de ne pas mettre d'attribut width sinon le redimensionnement ne marchera pas.
Hors ne pas mettre l'attribut width n'est pas non plus recommandé..

J'aurai aimé savoir quelles étaient vos pratiques pour vos images dans vos sites responsives.

Cordialement.
Modifié par casp (06 Jan 2015 - 13:32)
Salut,

Tu peux à la fois renseigner les attributs width et height dans l'élément img (le pourcentage dans ces attributs n'est plus autorisé depuis HTML 5 ; les doctypes HTML 4, XHTML 1.0 et XHTML 1.1 le permettent) et utiliser les propriétés CSS (min-/max-)width et (min-/max-)height, tout en permettant le redimensionnement que tu souhaites. Je te laisse lire la réponse de Raphaël dans un autre fil.
Modérateur
Victor BRITO a écrit :
Salut,

Tu peux à la fois renseigner les attributs width et height dans l'élément img (le pourcentage dans ces attributs n'est plus autorisé depuis HTML 5 ; les doctypes HTML 4, XHTML 1.0 et XHTML 1.1 le permettent) et utiliser les propriétés CSS (min-/max-)width et (min-/max-)height, tout en permettant le redimensionnement que tu souhaites. Je te laisse lire la réponse de Raphaël dans un autre fil.


En même temps utiliser max-width: 100% et height: auto provoquera un reflow, ce qui revient au même que de ne pas mettre width et height dans la balise…
Je supprime ce que je viens de dire.
Une erreur de ma part.
Modifié par casp (06 Jan 2015 - 13:32)