Adapter une image à la largeur du navigateur

**Toulousaing** · 07/12/2022, 08h29

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 html :

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

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

mais "ça marche pô"

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.

**Toulousaing** · 09/12/2022, 08h10

Bon, j'ai trouvé :

Code html :

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

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

C'est tout.

**NoSmoking** · 09/12/2022, 08h40

Bonjour,
en premier lieu ton code :

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

Code html :

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

<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.

C'est tout.

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 html :

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

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

on peut le comprendre.

**Toulousaing** · 09/12/2022, 08h44

Envoyé par NoSmoking

mais en voyant cette ligne

Code html :

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

<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...

Adapter une image à la largeur du navigateur

Dimensionnement en CSS

Discussions similaires

Partager

Partager