5581 sujets

Sémantique web et HTML

Images responsives srcset et sizes

Bonjour à tous.
je suis en train de passer mon site en responsive et j'ai un pb avec les images ..
Voici le code que j'ai fait et ça ne marche pas.
<p align="center">
<img src="jacquemart.jpg"
          srcset="jacquemart-small.jpg 300w,
                  jacquemart.jpg 500w,
                  jacquemart-large.jpg 1000w"
                  
                  sizes="(min-width: 300px) and (max-width: 500px ) 300px,(min-width: 501px) and (max-width: 999px) 500px,
                  (min-width: 1000px) 1000px, 100vw"
                  width="500"
                  alt="jacquemart-moulins03"/>
                  </p>

Merci de votre aide par avance. Smiley biggrin Smiley biggrin Smiley biggrin
Bonjour, l'attribut align est obsolète en HTML5, c'est en CSS que l'on centre. Passer votre code au validateur pour voir et corriger les erreurs de syntaxes => https://validator.w3.org/
La valeur de l’attribut alt est une description de l'image, comme si vous deviez expliquer l'image à une personne aveugle. Le texte que vous avez indiqué ne convient pas. Lire :
https://www.pompage.net/traduction/Bien-utiliser-le-texte-alternatif
https://openweb.eu.org/articles/accessibilite_images
https://www.youtube.com/watch?v=oB3LelGzFII
https://www.youtube.com/watch?v=M_wE7c3qKqs
Prévenir un modérateur
Répondre au sujet
Aller à