Forum Chasseur d'Images - www.chassimages.com

Auteur Sujet: Style sur les mobiles  (Lu 66 fois)

SeSy

  • Pilier du forum
  • *
  • Messages: 13 056
  • Tout le monde peuvent pas être de Lyon...
Style sur les mobiles
« le: juillet 01, 2019, 08:56:49 »
Lors du changement de style et de la mise à jour du forum, un forumeur avait proposé une correction du css pour que l'on puisse voir les photos ou images postés depuis les mobiles. Lors du crash, cette correction a été perdue.
Ce serait bien de remettre ceci en état, c'est franchement difficilement utilisable.

Merci d'avance.
Sur fond noir...

zuiko

  • Hyper actif
  • *
  • Messages: 2 614
  • Sexe: Homme
Re : Style sur les mobiles
« Réponse #1 le: août 13, 2019, 10:06:21 »
Lors du changement de style et de la mise à jour du forum, un forumeur avait proposé une correction du css pour que l'on puisse voir les photos ou images postés depuis les mobiles. Lors du crash, cette correction a été perdue.
Ce serait bien de remettre ceci en état, c'est franchement difficilement utilisable.

Merci d'avance.

La solution (déjà postée sur l'autre fil) est assez triviale en effet (pour quelqu'un qui connait un peu le code CSS qui permet de gérer le style des pages Web) :
Il suffirait de modifier le code suivant :
Fichier bootstrap.css ligne 1114 qui contient actuellement :

img {
   vertical-align: middle;
}

en :

img {
   vertical-align: middle;
   max-width: 100%;
   height: auto;
}

Avec cette modification les images s'adaptent automatiquement à la largeur de la fenêtre d'affichage du navigateur qu'on soit sur ordinateur ou smartphone.
Résultat : on ne scrolle plus dans les images car elles ne dépassent plus de leur zone d'affichage, plus de barre de défilement.

Chacun peut voir l'effet que çà fait en utilisant les outils de développement de Firefox ou Chrome.

Il suffit au gestionnaire du site
- de récupérer le fichier en question par FTP (via Fillezilla par exemple) sur son ordi,
- le modifier comme indiqué avec un éditeur comme Notepad++ (en veillant à garder une copie de l'ancien en cas d'erreur),
- le renvoyer par FTP pour écraser la version du site,
- rafraichir le cache du forum pour que la modification soit prise en compte,
- constater le bon fonctionnement.

Voici une simulation avant et après correction avec l'outil de développement de Firefox.