En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Mentions légales.
 
 
 

GuppY, le CMS de référence sans base de données

 

telecharger.png

 
Vous êtes ici :   Accueil » Forum » Guppy 5 » Sur smartphone différence entre vertical et horizontal
 
 
 
    Imprimer la page...
    Imprimer la section...

Attention : GuppY 5.03.00

Sortie de GuppY 5.03.00 :
 

Les zips du pack, du patch cumulatif et du patch non-cumulatif sont mis à jour et en téléchargement le 17.01.2020 à 18h00.


Le patch CKEditor v4121 pour GuppY 502xx (06.07.2019) est en téléchargement dans la rubrique Télécharger puis GuppY 5. Merci à Saxbar pour cette mise à jour.

Mise à jour des listes de blocage des spams (24.09.2019) pour Apache 2.3 et pour Apache 2.4 en téléchargement dans la rubrique Télécharger puis GuppY 5

Forum - Guppy 5 - Sur smartphone différence entre vertical et horizontal


Connectés :
 


le 16/12/2019 @ 09:14
par Gamelle

Gamelle

36 messages

Bonjour,

Ce matin une surprise. Avec les smartphones et tablettes avec écran horizontal, le site est à peu près ce que je souhaitais obtenir. En position verticale, par contre, le site apparaît en format réduit comme sur une colonne sur la gauche de l'écran et une image *.gif qui normalement est dans un tableau à l'intérieur d'une boite libre se retrouve en dehors de son cadre et de boite.

J'aimerais savoir dans quel fichier intervenir pour que le site s'adapte aussi bien à  la position horizontale qu'à la position verticale des smartphones et tablettes.

Amicalement.

smiley

Poster une réponse Haut  

Réponse n° 1
--------
le 16/12/2019 @ 09:44
par Papinou

Papinou

Administrateur
793 messages

Bonjour,

Je crois qu'il faut reprendre à la base avec ce tuto.

Un site pour mobile doit être accessible en mode portrait dès 320px de largeur, sans aucune intervention du visiteur.

La norme appliquée est celle des 320px en mode portrait, pas en paysage.

Par exemple, ce tableau ne passera jamais avec des largeurs en pixels :

<table width="533" cellspacing="1" cellpadding="1" border="0" align="center">

Pas de largeur mais en pourcentage, ou mieux des flexbox.

Ce serait plus simple de mettre dans les posts, l'url du site concerné.

Cordialement, Papinou

Site web Papinou
Poster une réponse Haut  
Réponse n° 2
--------
le 16/12/2019 @ 09:53
par JeanDenis

JeanDenis

1433 messages

Bonjour,

Pour compléter la réponse de Papinou,

pour la création de tableau, l'intégration d'images... évite absolument les valeurs absolues en pixels... sinon ça risque de déborder...eek

Il vaut mieux utiliser des pourcentages : 50% pour une cellule par exemple et 100% de largeur pour l'image à l'intérieur...

(Lors du choix de l'image, en admin ne remplir que le champs largeur : 100% par exemple et laisse le champ hauteur vide)

Cordialement,

Jean-Denis


www.71site.fr

Site web JeanDenis
Poster une réponse Haut  
Réponse n° 3
--------
le 16/12/2019 @ 10:39
par Papinou

Papinou

Administrateur
795 messages

Bonjour,

Non ce n'est pas une solution les tableaux même en pourcentage.

Un tableau en 1000px ou 100%, le rendu est certainement très lisible sur un mobile de 320px qui, je le rappelle, est la norme de base pour l'affichage sur mobile

La seule solution correcte est l'utilisation de flexbox.

Cordialement, Papinou

Site web Papinou
Poster une réponse Haut  
Réponse n° 4
--------
le 16/12/2019 @ 11:21
par Gamelle

Gamelle

37 messages

OUI. Merci beaucoup pour ces précisions.

Le problème est réglé.

smile

Poster une réponse Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum