Path: ...!feeds.phibee-telecom.net!weretis.net!feeder8.news.weretis.net!pasdenom.info!.POSTED.aorleans-651-1-226-120.w90-20.abo.wanadoo.fr!not-for-mail
From: DV <dv@reply-to.not.invalid>
Newsgroups: fr.comp.infosystemes
Subject: Re: Largeur d'image
Date: Tue, 11 Jul 2023 16:49:42 -0000 (UTC)
Organization: Yakakwatik !
Message-ID: <u8k176$fp4$1@rasp.pasdenom.info>
References: <22vqai59hhahprdnhqv8nnrs1iv6vk0ubu@4ax.com>
Reply-To: dv@s173327841.onlinehome.fr
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Injection-Date: Tue, 11 Jul 2023 16:49:42 -0000 (UTC)
Injection-Info: rasp.pasdenom.info; posting-account="dv@usenet"; posting-host="aorleans-651-1-226-120.w90-20.abo.wanadoo.fr:90.20.37.120";
	logging-data="16164"; mail-complaints-to="abuse@pasdenom.info"
User-Agent: MacCafe/3.0b4 (macOS 10.14.6 (18G9323) - iMac13,1)
Cancel-Lock: sha1:lNAIaNkqYENRVMOta8Vn8HL1Fa8= sha256:MTXqgJAZhHCQ/dTpXmbA2Hdx9wQM+qK6I5fdeD8HsOw= sha256:1MsgzJUhX0sx8fHwKiHi8QbRpZ+WyN8qDrwlqTV8Wjw=
Face: iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAMFBMVEX7+/vKzs6CcW2alZS
 Ii4tmaWpVS0h7UkdVMiasr64oKC0LCgxMFwioPDyMDAzEAwM1qCwtAAAACXBIWXMAAAsTAAALEw
 EAmpwYAAACN0lEQVRIx81W25biMAxr4kvipDP8/9+u7DS0hXLo05w1DwNTKbJj2bAsfx9pxj10J
 gRzRtAtgmimgJdS8h0Rypp54EstdxjMuuG13mJYMAb+FiOJkZZJuMOoHIyBv8PIzZwxCbV8zakr
 GBO+rutXhvacjBugKxha8td76p0SRMjsm0v8GfLvvT2h/h/7REhkborawdjR6Hv6aAsq3mUQunI
 Wrc3f9tU+5K7NckGTB2yPD/eUcm8cTY6cEBNfLyUSASUm7gon7AJoxpWENZyqxHWTOGSEeJdIGl
 lkU4UpTgreP7soIAhquRbkMIEl89a/iwIi2OowhHCE2GIXjNQ2PMomHIoAiFVcgOzVHgkFTAWf6
 Diapjvw1xbJ5yGbcJdIlEGx0Egs8AUIxkeJ8NuTkhLBrLi0cHoYcbyOBNj/mRMxTkQOPDLtXcwq
 hupAwKoz20S6cE9xLfDp6IPGM94JadwKhUhHDRien19UPQRwBJ4onVYRxXyJP4aY8c/jsWYaDml
 ohuK2z30DHHm4iL+T9fGL+x1ZShaBX1q+YBgu2JcMRgc9y1mbI6etmp035GAQppNF/FBHPsHx4e
 wO3kSOh2IYFOQWSi+EPS3a4A0ywt72SA2MV8sirRTWlEFAHV6xLwOPqvy6PtJWiEXWYNQx2UhJY
 K3lfUElchGvfO4A96/bcPEVR+8LKtJKPFPyD0tgh98vt41rqDJtUJuz8XndD+Vx7Jjob18QSMu/
 evkG9kkxu/tT4D+If9qAHl2x5idYAAAAAElFTkSuQmCC
In-Reply-To: <22vqai59hhahprdnhqv8nnrs1iv6vk0ubu@4ax.com>
X-Face: %#Y5+;k{8(i&083qlE0NiJXlA_f8@&4C~Wht.04?,h)ZC+1hXWem+cti:fHN`SdK~('$Fs+
  _l\5t-n,/Tw,$UT>kS!5(g^LBT"qGP;?lU_@s,Rf+gk4.+%n*uMC%[PohI*J'//hyDdE
 n3&=E;nc,A FM(pmGD8h3vksKInM/(_{uRqe586mT||H3\UaNcAq?0(+`!QtpiN:?
Bytes: 3388
Lines: 27

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.

-- 
Denis

Serveurs de news et passerelles web : <http://usenet-fr.yakakwatik.org>
Lecteurs de news : <http://usenet-fr.yakakwatik.org/lecteurs-de-news.html>