Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

problème d'affichage pour un non spécialiste

20 réponses
Avatar
Didier
Bonjour à tous.
J'ai un problème d'affichage pour le site http://scoescrime.fr (sous
spip 1.9.2i).
Ok avec Firefox et Opera, j'ai une image dont la dimension verticale
"explose" sous Chrome et Safari.
Comme je ne suis pas du tout un spécialiste des navigateurs et du html,
je prendrais bien quelques pistes pour essayer de corriger ça.
Merci à ceux que ça inspirera.
Didier.

10 réponses

1 2
Avatar
Sergio
Le 12/12/2010 09:48, Didier a écrit :
Bonjour à tous.
J'ai un problème d'affichage pour le site http://scoescrime.fr (sous spip 1.9.2i).
Ok avec Firefox et Opera, j'ai une image dont la dimension verticale "explose" sous Chrome et Safari.
Comme je ne suis pas du tout un spécialiste des navigateurs et du html, je prendrais bien quelques pistes pour essayer de corriger ça.
Merci à ceux que ça inspirera.



On a un :
<img src="label_escrime_2.jpg" height="100%" width="100%"> déjà pas très catholique, contenu dans un :
<div style="float: left; width: 30%; margin-right: 20px;">

Donc, cette <div> se place où elle peut. L'image sera contenu entièrement dans la div... Peut-être que Firefox/Opera refusent de
torturer l'image ainsi...

--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org
Avatar
Vincent
Le 12/12/2010 10:36, Sergio a écrit :
On a un :
<img src="label_escrime_2.jpg" height="100%" width="100%"> déjà pas très
catholique



Pour mon info, pourquoi n'est-ce pas "catholique" ? (chuis inquiet, je
fais souvent des trucs comme ça moi-même)
Avatar
Chriss
Vincent a écrit :
Le 12/12/2010 10:36, Sergio a écrit :
On a un :
<img src="label_escrime_2.jpg" height="100%" width="100%"> déjà pas très
catholique



Pour mon info, pourquoi n'est-ce pas "catholique" ? (chuis inquiet, je fais
souvent des trucs comme ça moi-même)



dans ce cas, il vaut mieux, peut-être, des px au-lieu des %....??

--
"Y a-t-il une vie après la mort? Seulement Jésus pourrait répondre à
cette question. Malheureusement il est mort."
(Michel Colucci, dit Coluche / 1944-1986)
Avatar
Didier
Sergio a écrit :
Le 12/12/2010 09:48, Didier a écrit :
Bonjour à tous.
J'ai un problème d'affichage pour le site http://scoescrime.fr (sous
spip 1.9.2i).
Ok avec Firefox et Opera, j'ai une image dont la dimension verticale
"explose" sous Chrome et Safari.
Comme je ne suis pas du tout un spécialiste des navigateurs et du
html, je prendrais bien quelques pistes pour essayer de corriger ça.
Merci à ceux que ça inspirera.



On a un :
<img src="label_escrime_2.jpg" height="100%" width="100%"> déjà pas très
catholique, contenu dans un :
<div style="float: left; width: 30%; margin-right: 20px;">

Donc, cette <div> se place où elle peut. L'image sera contenu
entièrement dans la div... Peut-être que Firefox/Opera refusent de
torturer l'image ainsi...



Merci pour ce début.
Je me pose la même question que Vincent : quid de pas catholique ?
Merci.
Didier.
Avatar
Didier
Chriss a écrit :
Vincent a écrit :
Le 12/12/2010 10:36, Sergio a écrit :
On a un :
<img src="label_escrime_2.jpg" height="100%" width="100%"> déjà pas très
catholique





Pour mon info, pourquoi n'est-ce pas "catholique" ? (chuis inquiet, je
fais souvent des trucs comme ça moi-même)



dans ce cas, il vaut mieux, peut-être, des px au-lieu des %....??



J'ai mis des px au lieudes %, c'est OK maintenant.
Donc les % ne collent pas. Mais pour quoi ?
Merci.
Didier.
Avatar
Chriss
Didier a écrit :
Chriss a écrit :
Vincent a écrit :

dans ce cas, il vaut mieux, peut-être, des px au-lieu des %....??



J'ai mis des px au lieudes %, c'est OK maintenant.
Donc les % ne collent pas. Mais pour quoi ?
Merci.
Didier.



Pourquoi ?? je n'en sais rien ... mais j'avais eu le même problème en
voulant simplifier la source d'un site

--
L'amour fait des fous, le mariage des cocus, le patriotisme des
imbéciles malfaisants.
Léautaud (Paul)
Avatar
Olivier Miakinen
Le 12/12/2010 20:38, Didier a écrit :

J'ai un problème d'affichage pour le site http://scoescrime.fr (sous
spip 1.9.2i).
Ok avec Firefox et Opera, j'ai une image dont la dimension verticale
"explose" sous Chrome et Safari.
[...]



On a un :
<img src="label_escrime_2.jpg" height="100%" width="100%"> déjà pas très
catholique, contenu dans un :
<div style="float: left; width: 30%; margin-right: 20px;">

[...]



Je me pose la même question que Vincent : quid de pas catholique ?



Ben... tu mets un élément de hauteur 100 % dans un élément dont la
hauteur n'est pas spécifiée (et qui a peut-être même encore plus de
facilités que d'autres à s'étendre en hauteur du fait qu'il est libre
de « flotter à gauche »). À mon avis, 100 % d'une hauteur illimitée,
ça peut être très grand.

Par ailleurs, je considère comme une erreur de mettre une hauteur en
pourcentage à une image dont les dimensions en pixels sont fixées à
priori : cela veut dire que tu laisses le navigateur redimensionner
l'image alors que tu ne maîtrises absolument pas la méthode qu'il
utilisera pour cela... et qu'en outre cela peut être très long !
- Si c'est pour l'agrandir, le résultat sera généralement médiocre.
- Et si c'est pour la réduire, tu ralentis pour rien le chargement
de l'image par rapport à l'envoi d'une version pré-retaillée.

Cordialement,
--
Olivier Miakinen
Avatar
Guy Gruais
Bonjour,

Vous allez être infiniment heureux d'apprendre que Olivier Miakinen
vient d'écrire :

Par ailleurs, je considère comme une erreur de mettre une hauteur en
pourcentage à une image dont les dimensions en pixels sont fixées à
priori :



J'ajouterais que l'image réelle fait 640 x 113 pixels alors qu'elle
n'est affichée qu'en 160 x 113

cela veut dire que tu laisses le navigateur redimensionner
l'image alors que tu ne maîtrises absolument pas la méthode qu'il
utilisera pour cela... et qu'en outre cela peut être très long !



Il a la chance que son image réelle ne fait que 30 ko, en la
redimensionnant à 25 % (160 x 114), elle ne ferait plus que 4,5 ko

- Et si c'est pour la réduire, tu ralentis pour rien le chargement
de l'image par rapport à l'envoi d'une version pré-retaillée.



CQFD
--
Cordialement.


http://fonderie.indret.free.fr/
Avatar
Guy Gruais
Bonjour,

Vous allez être infiniment heureux d'apprendre que Guy Gruais vient
d'écrire :

J'ajouterais que l'image réelle fait 640 x 113 pixels


Je voulais dire 640 x 453
--
Cordialement.


http://fonderie.indret.free.fr/
Avatar
Didier
Chriss a écrit :
Didier a écrit :
Chriss a écrit :
Vincent a écrit :

dans ce cas, il vaut mieux, peut-être, des px au-lieu des %....??



J'ai mis des px au lieudes %, c'est OK maintenant.
Donc les % ne collent pas. Mais pour quoi ?
Merci.
Didier.



Pourquoi ?? je n'en sais rien ... mais j'avais eu le même problème en
voulant simplifier la source d'un site



Merci quand même.
Didier.
1 2