Mon site rencontre quelques problèmes d'affichage au niveau des photos
sur les récents smartphones sortis. C'est le cas sur le Samsung Galaxy
S7 et sans doute aussi sur le S7 Edge ?
Ce problème semble se produire uniquement avec le navigateur mobile
Google Chrome et pas avec FireFox mobile, Opera mobile, Dolfin...
Je fais appel à vous pour me dire si l'affichage est correct sur vos
tous derniers, tous neufs smartphones tous beaux ?
Le problème se situe sur la taille des caractères affichés sous les
photos. Les photos sont elles correctement affichées.
Cette page est affichée correctement sur le Galaxy S7 :
https://www.grenault.net/photos/azay1.htm
Celle-ci n'est pas affichée correctement :
https://www.grenault.net/photos/mob_usse1.htm
Celle-ci n'est pas affichée correctement : https://www.grenault.net/photos/mob_usse1.htm
normal, le code est vraiment pourri, c'est pas responsive du tout. la taille texte est fixe : h1 {font-size: 28px; font-weight: normal; display: inline} la taille photo est fixe : .photo {width: 784px; height: 570px} qui a codé cette horreur ? avec un mélange de style inline et de feuille de style externe...
Le 08/01/2017 12:32, Photo a écrit :
Celle-ci n'est pas affichée correctement :
https://www.grenault.net/photos/mob_usse1.htm
normal, le code est vraiment pourri, c'est pas responsive du tout.
Celle-ci n'est pas affichée correctement : https://www.grenault.net/photos/mob_usse1.htm
normal, le code est vraiment pourri, c'est pas responsive du tout. la taille texte est fixe : h1 {font-size: 28px; font-weight: normal; display: inline} la taille photo est fixe : .photo {width: 784px; height: 570px} qui a codé cette horreur ? avec un mélange de style inline et de feuille de style externe...
Tigerfr
qui a codé cette horreur ? avec un mélange de style inline et de feuille de style externe...
C'est le problème des sites tout faits. C'est aussi le problème des versions mobiles sur les sites, qui ne sont pas standards et qui marchent ou pas en fonction de l'OS, de sa version, du browser et de sa version.
qui a codé cette horreur ? avec un mélange de style inline et de feuille de
style externe...
C'est le problème des sites tout faits.
C'est aussi le problème des versions mobiles sur les sites, qui ne sont
pas standards et qui marchent ou pas en fonction de l'OS, de sa
version, du browser et de sa version.
qui a codé cette horreur ? avec un mélange de style inline et de feuille de style externe...
C'est le problème des sites tout faits. C'est aussi le problème des versions mobiles sur les sites, qui ne sont pas standards et qui marchent ou pas en fonction de l'OS, de sa version, du browser et de sa version.
Photo
Le 08/01/2017 à 15:24, Stephane Legras-Decussy a écrit :
Le 08/01/2017 12:32, Photo a écrit :
Celle-ci n'est pas affichée correctement : https://www.grenault.net/photos/mob_usse1.htm
normal, le code est vraiment pourri, c'est pas responsive du tout. la taille texte est fixe : h1 {font-size: 28px; font-weight: normal; display: inline} la taille photo est fixe : .photo {width: 784px; height: 570px} qui a codé cette horreur ? avec un mélange de style inline et de feuille de style externe...
Le problème n'est pas là ! Cette page est validée "Mobile Friendly" par Google. 0 erreur et 0 avertissement détecté par le w3c ! -- https://grenault.net/accueil.htm
Le 08/01/2017 à 15:24, Stephane Legras-Decussy a écrit :
Le 08/01/2017 12:32, Photo a écrit :
Celle-ci n'est pas affichée correctement :
https://www.grenault.net/photos/mob_usse1.htm
normal, le code est vraiment pourri, c'est pas responsive du tout.
Le 08/01/2017 à 15:24, Stephane Legras-Decussy a écrit :
Le 08/01/2017 12:32, Photo a écrit :
Celle-ci n'est pas affichée correctement : https://www.grenault.net/photos/mob_usse1.htm
normal, le code est vraiment pourri, c'est pas responsive du tout. la taille texte est fixe : h1 {font-size: 28px; font-weight: normal; display: inline} la taille photo est fixe : .photo {width: 784px; height: 570px} qui a codé cette horreur ? avec un mélange de style inline et de feuille de style externe...
Le problème n'est pas là ! Cette page est validée "Mobile Friendly" par Google. 0 erreur et 0 avertissement détecté par le w3c ! -- https://grenault.net/accueil.htm
Jean_
Photo a utilisé son clavier pour écrire :
Le problème n'est pas là ! Cette page est validée "Mobile Friendly" par Google. 0 erreur et 0 avertissement détecté par le w3c !
Ce qui veut dire que la syntaxe est correcte mais pas que ça s'affichera comme tu le souhaites. Si on compare les source des 2 pages que tu proposes, on voit qu'elles ne sont pas codées de la même façon, font appel à des feuilles de style différentes. L'une prend en compte l'existence des smartphones, l'autre pas, etc, etc.... En résumé, même si c'est "mobile friendly", c'est codé avec les pieds comme l'a écrit SLD.
Photo a utilisé son clavier pour écrire :
Le problème n'est pas là ! Cette page est validée "Mobile Friendly" par
Google. 0 erreur et 0 avertissement détecté par le w3c !
Ce qui veut dire que la syntaxe est correcte mais pas que ça
s'affichera comme tu le souhaites.
Si on compare les source des 2 pages que tu proposes, on voit qu'elles
ne sont pas codées de la même façon, font appel à des feuilles de style
différentes. L'une prend en compte l'existence des smartphones, l'autre
pas, etc, etc....
En résumé, même si c'est "mobile friendly", c'est codé avec les pieds
comme l'a écrit SLD.
Le problème n'est pas là ! Cette page est validée "Mobile Friendly" par Google. 0 erreur et 0 avertissement détecté par le w3c !
Ce qui veut dire que la syntaxe est correcte mais pas que ça s'affichera comme tu le souhaites. Si on compare les source des 2 pages que tu proposes, on voit qu'elles ne sont pas codées de la même façon, font appel à des feuilles de style différentes. L'une prend en compte l'existence des smartphones, l'autre pas, etc, etc.... En résumé, même si c'est "mobile friendly", c'est codé avec les pieds comme l'a écrit SLD.
Photo
Le 08/01/2017 à 18:08, Photo a écrit :
Le 08/01/2017 à 15:24, Stephane Legras-Decussy a écrit :
Le 08/01/2017 12:32, Photo a écrit :
Celle-ci n'est pas affichée correctement : https://www.grenault.net/photos/mob_usse1.htm
normal, le code est vraiment pourri, c'est pas responsive du tout. la taille texte est fixe : h1 {font-size: 28px; font-weight: normal; display: inline} la taille photo est fixe : .photo {width: 784px; height: 570px} qui a codé cette horreur ? avec un mélange de style inline et de feuille de style externe...
Le problème n'est pas là ! Cette page est validée "Mobile Friendly" par Google. 0 erreur et 0 avertissement détecté par le w3c !
Le 08/01/2017 à 15:24, Stephane Legras-Decussy a écrit :
Le 08/01/2017 12:32, Photo a écrit :
Celle-ci n'est pas affichée correctement : https://www.grenault.net/photos/mob_usse1.htm
normal, le code est vraiment pourri, c'est pas responsive du tout. la taille texte est fixe : h1 {font-size: 28px; font-weight: normal; display: inline} la taille photo est fixe : .photo {width: 784px; height: 570px} qui a codé cette horreur ? avec un mélange de style inline et de feuille de style externe...
Le problème n'est pas là ! Cette page est validée "Mobile Friendly" par Google. 0 erreur et 0 avertissement détecté par le w3c !
Par expérience, ca ne se comporte pas du tout pareil entre un écran de S4 et celui d'une tablette 7" par exemple. Ce n'est pas parce que le code est bon que le résultat l'est.
Le problème n'est pas là ! Cette page est validée "Mobile Friendly" par
Google. 0 erreur et 0 avertissement détecté par le w3c !
Par expérience, ca ne se comporte pas du tout pareil entre un écran de
S4 et celui d'une tablette 7" par exemple.
Ce n'est pas parce que le code est bon que le résultat l'est.
Par expérience, ca ne se comporte pas du tout pareil entre un écran de S4 et celui d'une tablette 7" par exemple. Ce n'est pas parce que le code est bon que le résultat l'est.
Photo
Le 08/01/2017 à 18:40, Tigerfr a écrit :
Le problème n'est pas là ! Cette page est validée "Mobile Friendly" par Google. 0 erreur et 0 avertissement détecté par le w3c !
Par expérience, ca ne se comporte pas du tout pareil entre un écran de S4 et celui d'une tablette 7" par exemple. Ce n'est pas parce que le code est bon que le résultat l'est.
D'où ma question ici... Je cherche à savoir si l'affichage du texte est correct sur les tous nouveaux smartphones, c'est tout... -- https://grenault.net/accueil.htm
Le 08/01/2017 à 18:40, Tigerfr a écrit :
Le problème n'est pas là ! Cette page est validée "Mobile Friendly" par
Google. 0 erreur et 0 avertissement détecté par le w3c !
Par expérience, ca ne se comporte pas du tout pareil entre un écran de
S4 et celui d'une tablette 7" par exemple.
Ce n'est pas parce que le code est bon que le résultat l'est.
D'où ma question ici...
Je cherche à savoir si l'affichage du texte est correct sur les tous
nouveaux smartphones, c'est tout...
Par expérience, ca ne se comporte pas du tout pareil entre un écran de S4 et celui d'une tablette 7" par exemple. Ce n'est pas parce que le code est bon que le résultat l'est.
D'où ma question ici... Je cherche à savoir si l'affichage du texte est correct sur les tous nouveaux smartphones, c'est tout... -- https://grenault.net/accueil.htm
Tigerfr
Je cherche à savoir si l'affichage du texte est correct sur les tous nouveaux smartphones, c'est tout...
Mon smartphone n'est pas nouveau. En même temps, je ne suis pas sûr que plus de 50% de la populace qui vient sur ton site ait un smartphone récent.
Je cherche à savoir si l'affichage du texte est correct sur les tous
nouveaux smartphones, c'est tout...
Mon smartphone n'est pas nouveau.
En même temps, je ne suis pas sûr que plus de 50% de la populace qui
vient sur ton site ait un smartphone récent.
Je cherche à savoir si l'affichage du texte est correct sur les tous nouveaux smartphones, c'est tout...
Mon smartphone n'est pas nouveau. En même temps, je ne suis pas sûr que plus de 50% de la populace qui vient sur ton site ait un smartphone récent.
Stephane Legras-Decussy
Le 08/01/2017 16:21, Tigerfr a écrit :
qui a codé cette horreur ? avec un mélange de style inline et de feuille de style externe...
C'est le problème des sites tout faits. C'est aussi le problème des versions mobiles sur les sites, qui ne sont pas standards et qui marchent ou pas en fonction de l'OS, de sa version, du browser et de sa version.
c'est un peu un Art mais on y arrive, il suffit de supprimer tous les trucs à la con qui marchouillent, au lieu d'essayer de les faire marcher de force. Déja on abandonne IE6 par exemple... basta. html CSS 5 permettent des choses impossibles avant, on peut tout faire en proportionnel. les media query permettent facilement de gerer le cas lourd de l'affichage téléphone.
Le 08/01/2017 16:21, Tigerfr a écrit :
qui a codé cette horreur ? avec un mélange de style inline et de
feuille de style externe...
C'est le problème des sites tout faits.
C'est aussi le problème des versions mobiles sur les sites, qui ne sont
pas standards et qui marchent ou pas en fonction de l'OS, de sa version,
du browser et de sa version.
c'est un peu un Art mais on y arrive, il suffit de supprimer
tous les trucs à la con qui marchouillent, au lieu d'essayer de les
faire marcher de force. Déja on abandonne IE6 par exemple... basta.
html CSS 5 permettent des choses impossibles avant, on peut tout faire
en proportionnel.
les media query permettent facilement de gerer le cas lourd de
l'affichage téléphone.
qui a codé cette horreur ? avec un mélange de style inline et de feuille de style externe...
C'est le problème des sites tout faits. C'est aussi le problème des versions mobiles sur les sites, qui ne sont pas standards et qui marchent ou pas en fonction de l'OS, de sa version, du browser et de sa version.
c'est un peu un Art mais on y arrive, il suffit de supprimer tous les trucs à la con qui marchouillent, au lieu d'essayer de les faire marcher de force. Déja on abandonne IE6 par exemple... basta. html CSS 5 permettent des choses impossibles avant, on peut tout faire en proportionnel. les media query permettent facilement de gerer le cas lourd de l'affichage téléphone.
Stephane Legras-Decussy
Le 08/01/2017 18:08, Photo a écrit :
Le problème n'est pas là ! Cette page est validée "Mobile Friendly" par Google. 0 erreur et 0 avertissement détecté par le w3c !
tu peux faire une image de 1cm de côté et des textes de 12cm de haut, c'est pas des erreurs... tu auras zéro erreur. c'est juste moche. une page ne peut pas être mobile friendly avec des tailles en px, ça parait évident non ?
Le 08/01/2017 18:08, Photo a écrit :
Le problème n'est pas là ! Cette page est validée "Mobile Friendly" par
Google. 0 erreur et 0 avertissement détecté par le w3c !
tu peux faire une image de 1cm de côté et des textes de 12cm de haut,
c'est pas des erreurs... tu auras zéro erreur.
c'est juste moche.
une page ne peut pas être mobile friendly avec des tailles en px, ça
parait évident non ?
Le problème n'est pas là ! Cette page est validée "Mobile Friendly" par Google. 0 erreur et 0 avertissement détecté par le w3c !
tu peux faire une image de 1cm de côté et des textes de 12cm de haut, c'est pas des erreurs... tu auras zéro erreur. c'est juste moche. une page ne peut pas être mobile friendly avec des tailles en px, ça parait évident non ?
