Discussion :

[clairetj]

Bonjour a toutes et tous

Je viens vous voir parce que j'ai un petit souci. Je viens de terminer un site web en codant sa taille avec % afin que le site (et son contenu) puisse s'adapter à la taille de la fenêtre du navigateur. Jusqu'à présent, lorsque je mets une image je faisais par exemple ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="monimage.jpg" id="monimage" alt="monimage" width="50%"

Or, on m'a fait découvrir le site w3c validator (http://validator.w3.org/) pour faire valider sa page web pour voir si elle répond au nomes html5 et lorsque je teste ma page j'ai cette erreur:

Bad value 100% for attribute width on element img: Expected a digit but saw % instead

En cherchant un peu, j'ai découvert que l'on ne pouvais passer par width, tel que je l'ai écris, qu'une taille en pixel. Donc si je passe une taille en pixel, mon image ne s'adaptera pas à la taille de ma fenêtre, elle restera fixe.

Donc comment faire pour faire que la taille de mes images soient en % et pas en px (je suppose que cela doit se régler dans mon fichier css mais je ne connais pas la fonction qui réaliserait cela et je ne sais pas comment formuler ma demander pour chercher sur google (ou autre))

Dans l'attente de vos réponses,
Cordialement,


EDIT: dans mon idée, je voudrais en faite changer l'unité pour dire "je ne veux pas en px mais en %" parce que j'ai beaucoup d'image mais elles ne seront pas toutes afficher avec la même taille donc je ne pas pas faire un truc généraliste en disant que toutes mes images soient à 50%

[Bovino]

Il ne faut pas confondre l'attribut HTML width et la propriété CSS éponyme...

[clairetj]

ok merci pour la réponse, et en continuant mes recherchers, j'ai trouvé une solution:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="monimage.jpg" id="monimage" alt="monimage" style="width:90%; height:auto;">

Cela semble bien fonctionner donc est-ce une (la) bonne méthode ???

[NoSmoking]

Bonjour,

Cela semble bien fonctionner donc est-ce une (la) bonne méthode ???

je sais je pinaille mais il est préférable de passer par une "feuille de style"

le

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#monimage {
  width:90%;
  height:auto;
}

et le

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="monimage.jpg" id="monimage" alt="monimage">