By continuing your navigation on this site, you accept the use of cookies to offer you contents and adapted services. Legal Notice.
 
 
 

GuppY, the benchmark database free CMS

 

telecharger01.png

 
You are here :   Welcome » Forum » Guppy 5 » Sur smartphone différence entre vertical et horizontal
 
 
 
    Print this page...
    Print this section...

Warning: GuppY 5.03.00

GuppY release 5.03.00 :


The zips of the pack, the cumulative patch and the non-cumulative patch are updated and available for download on 17.01.2020 at 18h00.

The CKEditor v4121 patch for GuppY 502xx (06.07.2019) is available for download in the Download section and then GuppY 5. Thanks to Saxbar for this update.

The update of the spam blocking lists (24.09.2019) for Apache 2.3 and Apache 2.4 is available for download in the Download section and then GuppY 5.

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


Connected :
 


16/12/2019 @ 09:14
by 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

Post an answer Top  

Answer n° 1
--------
16/12/2019 @ 09:44
by Papinou

Papinou

Administrator
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

Web site Papinou
Post an answer Top  
Answer n° 2
--------
16/12/2019 @ 09:53
by 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

Web site JeanDenis
Post an answer Top  
Answer n° 3
--------
16/12/2019 @ 10:39
by Papinou

Papinou

Administrator
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

Web site Papinou
Post an answer Top  
Answer n° 4
--------
16/12/2019 @ 11:21
by Gamelle

Gamelle

37 messages

OUI. Merci beaucoup pour ces précisions.

Le problème est réglé.

smile

Post an answer Top  
active topic active   closed topic closed   Important! Important!   New New message
Correct Correct message   Close Close topic   Make sticky Make sticky  
Forum Topic  Forum