Adapter une image à la largeur du navigateur

Version imprimable

07/12/2022, 08h29
Toulousaing

Adapter une image à la largeur du navigateur

Bonjour à tous,
Je voudrais adapter une image à la largeur d'affichage du navigateur utilisé pour l'afficher.
J'ai trouvé des centaines d'explications disant qu'il suffit de mettre :

Code:

<img src="images/banniere_site_BA0101.png" max-width="100%" max-height="100%">

mais "ça marche pô" 8O
L'idée est d'avoir ceci : https://www.af.mil/
Mais moi, j'obtiens cela : https://www.didiermorandi.fr/lpdm/ba0101zancudo/
Nervant !
Aide appréciée, svp, merci beaucoup.
09/12/2022, 08h10
Toulousaing

Bon, j'ai trouvé :

Code:

<img src="images/banniere_site_BA0101.png" width="100%">

C'est tout. 8-)
09/12/2022, 08h40
NoSmoking

Bonjour,
en premier lieu ton code :

Citation:

<img src="images/banniere_site_BA0101.png" max-width="100%" max-height="100%">

... ne te permet pas d'affecter du CSS à ton élément, il t'aurais fallu au pire écrire

Code:

<img src="images/banniere_site_BA0101.png" style="max-width:100%; max-height:100%">

tu tirerais avantage à utiliser le « CSS outline », dans une feuille de style externe ou entre balise <style></style> dans la partie <head></head> de ton document.

Citation:

C'est tout. 8-)

euh quand même pas, il apparaît une barre de scroll horizontale sur ton site !

Ta mise en page est sur base d'éléments <table>, ce n'est pas franchement une bonne façon de faire, mais en voyant cette ligne

Code:

<meta name="GENERATOR" content="Microsoft FrontPage 5.0">

on peut le comprendre.
09/12/2022, 08h44
Toulousaing

Citation:

Envoyé par NoSmoking

mais en voyant cette ligne

Code:

<meta name="GENERATOR" content="Microsoft FrontPage 5.0">

on peut le comprendre.

Je vois que tu suis... J'ai 72 ans, je n'ai connu que Page d'En Face, difficile de m'en séparer.
Et quand je rencontre des features qu'il ne supporte pas, j'édite mon .html avec NotePad++ "sans autre" comme on dit en Suisse... 8-)