Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss
Largeur d'image
1 view
Skip to first unread message
Denis Beauregard
Jul 11, 2023, 12:00:10 PM7/11/23
to
Bonjour,
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.
Je me suis fait quelques bannières qui ont toutes la largeur qui
était la norme il y a longtemps, soit 468 pixels de large. J'ai
aussi des images de 400 px.
Je viens d'ajouter quelques images avec la largeur en %. Par exemple:
<img moz-do-not-send="true" src="monimage.png" alt="Affichage Public"
width="90%">
Je suppose que le moz-do-not-send="true" ne sert que pour l'édition
avec Seamonkey et n'a pas d'effet sur les autres navigateurs, donc
je n'ai pas à l'enlever.
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 pense pas que je puisse avoir:
width="90%" width="400"
Déjà que si je n'enlève pas la hauteur, Seamonkey en ajoute une.
Denis
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.
Je me suis fait quelques bannières qui ont toutes la largeur qui
était la norme il y a longtemps, soit 468 pixels de large. J'ai
aussi des images de 400 px.
Je viens d'ajouter quelques images avec la largeur en %. Par exemple:
<img moz-do-not-send="true" src="monimage.png" alt="Affichage Public"
width="90%">
Je suppose que le moz-do-not-send="true" ne sert que pour l'édition
avec Seamonkey et n'a pas d'effet sur les autres navigateurs, donc
je n'ai pas à l'enlever.
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 pense pas que je puisse avoir:
width="90%" width="400"
Déjà que si je n'enlève pas la hauteur, Seamonkey en ajoute une.
Denis
Richard Hachel
Jul 11, 2023, 12:07:09 PM7/11/23
to
Faire blanc, faire noir, plus grand, plus petit, plus compatible, plus
gnagnagna...
J'ai laissé tombé beaucoup de trucs.
Ca m'épuise.
R.H.
DV
Jul 11, 2023, 12:49:44 PM7/11/23
to
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.
>
> [...]
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>
> 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
> 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 ?
reprends ton exemple, ceci devrait faire l’affaire :
<img moz-do-not-send="true" src="monimage.png" alt="Affichage Public"
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>
Denis Beauregard
Jul 13, 2023, 1:35:54 PM7/13/23
to
Le Tue, 11 Jul 2023 16:49:42 -0000 (UTC), DV <d...@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
é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.
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
DV
Jul 13, 2023, 2:34:18 PM7/13/23
to
Denis Beauregard a écrit ceci :
> 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.
Oui, mais là, ce ne sont pas les images qui peuvent poser problème,
> 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.
c’est le tableau.
> 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.
mal en orientation verticale, mais à l’horizontale, c’est bon : le
tableau s’affiche en entier et tout est bien lisible.
0 new messages