Path: ...!3.eu.feeder.erje.net!feeder.erje.net!news2.arglkargh.de!news.mixmin.net!eternal-september.org!news.eternal-september.org!.POSTED!not-for-mail
From: Denis Beauregard <denis.b@francogene.com>
Newsgroups: fr.comp.infosystemes
Subject: Re: Largeur d'image
Date: Thu, 13 Jul 2023 13:35:50 -0400
Organization: Les Productions FrancoGene
Lines: 61
Message-ID: <d590bih4o7rkaqckiqvsvlu5gkussfrof0@4ax.com>
References: <22vqai59hhahprdnhqv8nnrs1iv6vk0ubu@4ax.com> <u8k176$fp4$1@rasp.pasdenom.info>
MIME-Version: 1.0
Content-Type: text/plain; charset=utf-8
Content-Transfer-Encoding: 8bit
Injection-Info: dont-email.me; posting-host="e4fb079ebc40395708d4ffe6d2e4856e";
	logging-data="3904267"; mail-complaints-to="abuse@eternal-september.org";	posting-account="U2FsdGVkX1/HVM5pJkP/XCMKMrFHDoY29LT17l+ZIdE="
Cancel-Lock: sha1:YrsZn8rTI9/G8XB6lgwfm3N5PW8=
X-Newsreader: Forte Agent 1.91/32.564
Bytes: 3438

Le Tue, 11 Jul 2023 16:49:42 -0000 (UTC), DV <dv@reply-to.not.invalid>
écrivait dans fr.comp.infosystemes:

>Denis Beauregard a écrit ceci :
>
>> Cela fait quelques messages que je reçois de Google au sujet de la
>> largeur de mes pages. Pour que ce soit visible en version mobile,
>> il faut que les images soient peu larges.
>>
>> [...]
>>
>> J'aimerais avoir à la fois une largeur fixe si l'image est vue
>> avec un écran complet, et un % si c'est un mobile. Est-ce possible
>> avec seulement du HTML ?
>
>Je ne vois pas d’autre solution que d’ajouter un soupçon de CSS. Si je
>reprends ton exemple, ceci devrait faire l’affaire :
>
><img moz-do-not-send="true" src="monimage.png" alt="Affichage Public" 
>width="400" style="max-width: 100%">
>
>Aussi longtemps que la largeur de l’écran permettra d’afficher la taille
>réelle, l’image aura une largeur de 400 pixels. Sinon, elle sera
>automatiquement réduite pour s’adapter à la largeur de l’écran.

Merci pour la suggestion qui fonctionne très bien. Comme je dois aussi
remplacé l'ancienne version de Google Analytics (selon eux, elle ne
fonctionne plus depuis le 1er juillet), je vais en profiter pour 
revoir mon site au complet. Il y a des pages qui datent d'avant l'an
2000 ! Et je lis de temps en temps des commentaires comme quoi mon 
site a un air vieillot (mais il est lisible par tous, sauf ces mobiles
qui ne veulent pas que l'écran soit trop large).

Toutefois, je ne suis pas certain que les alertes sur la largeur
de mes images soient pertinentes. Par exemple:

http://www.francogene.com/gfan/gfan/998/fdr.htm

Il y a un menu en marge gauche, puis un tableau de 6 colonnes.

Si je regarde avec une tablette, c'est plutôt lisible.

Tablette Android et Chrome ou Firefox
Ipad et Chrome ou Safari
iPhone avec Safari

Avec le iPhone, c'est tout petit et on peut agrandir et selon
le navigateur, on peut glisser le tableau, alors tout est visible.

Je vais tout de même ajouter ce style="max-width: 100%" dans mes
fichiers (je dois tout éditer pour la mise à jour de Analytics)
par acquis de conscience, mais je vois que je m'en fais pour rien !


Denis

-- 
Denis Beauregard - généalogiste émérite (FQSG) 
Les Français d'Amérique du Nord - http://www.francogene.com/gfan/gfan/998/
French in North America before 1722 - http://www.francogene.com/gfna/gfna/998/
Sur cédérom/DVD/USB à 1790 - On CD-ROM/DVD/USB to 1790