Imprimer la Page | Fermez la fenêtre

Menu différent suivant support

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Discussion générale openElement
Description du Forum: Discussion générale sur le logiciel
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=23396
Date: 28 Mar 2024 à 12:09
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com


Sujet: Menu différent suivant support
Posté par: peckOGC
Sujet: Menu différent suivant support
Posté le: 07 Août 2018 à 18:03
Bonjour à tous, 
J'ai un petit souci avec mon site, je m'explique :
J'ai fait une barre de menu basique (un rectangle de couleur horizontal avec dessus 4 liens texte) , tout bête quoi. 
- Sur Ordi fixe, portable et tablette sous W10 : Pas de souci ; 
mais sur téléphone et tablette Android le texte de 2 liens passent sur 2 lignes et donc une partie du texte est coupé( Tout ce qui sort verticalement du cadre vert est coupé)  sachant que je suis sur du texte mono-ligne...

Une idée du problème ? Car je précise que je n'ai rien fais pour adapter quoi que ce soit , j'ai juste fais un site de 1100px de large mais il s'adapte quand même aux différentes largeurs d'écran (téléphone ou ordi).

Ps: Désolé,  je n'ai pas réussi à upload une image de mes menus, ca me met une erreur..

En tout cas, merci d'avance à tous ceux qui prendront un peu de temps pour me lire ou me répondre.



Réponses:
Posté par: brolysan
Posté le: 07 Août 2018 à 18:15
Bonjour,

Il va vous falloir vous pencher sur les tutoriels pour comprendre un peu mieux tout ceci, sinon, mettez vous en media édition mobile et changez la largeur de vos lignes de texte pour les forcer à être sur une seule ligne.
Sans accès au site et au projet, compliqué la aussi...


-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Bridet
Posté le: 07 Août 2018 à 19:07
Bonjour et bienvenue,
Voici la liste des tutos https://forum.openelement.com/fr/forum_posts.asp?TID=22320&title=rcapitulatif-des-tutoriels" rel="nofollow - ici
Attention que les sites non responsive sont devenus obsolètes et mal référencés par Google, ce serait dommage que vous travailliez pour tout recommencer !


-------------
http://accessit.be" rel="nofollow - Les Billets d'une Bobonne Bougonne - http://gite.vervoz.be" rel="nofollow - Gîte Le Vicus


Posté par: peckOGC
Posté le: 08 Août 2018 à 01:13
Merci de vos réponses, j'avais pas mal arpenté les tutos pour régler mes divers soucis mais là j'ai du mal à situer mon problème.
En effet, je pense que mon site est responsive car il s'affiche en "pleine page" que ce soit sur un téléphone 5"5 , une tablette 7", une tablette 10", un portable 17" et un fixe 24". Mais seul le "menu" est affiché incorrectement sur Android et où j'ai du mal, c'est que mon texte est coupé par le cadre mais les deux ne sont en aucun cas lié...

Je vous mets le site pour jeter un coup d'oeil.

http://www.leprofenretard.com" rel="nofollow - http://www.leprofenretard.com

Merci


Posté par: Bridet
Posté le: 08 Août 2018 à 08:35
Bonjour,
Un site responsive ne s'affiche pas en pleine page sur tout support, il s'adapte en fonction.
Votre site n'est pas responsive du tout vous pouvez tester ici : http://responsivedesignchecker.com/checker.php?url=http%3A%2F%2Fwww.leprofenretard.com%2F&width=1400&height=700
D'autres renseignements ici : https://blog.mediaveille.com/actualites-du-site/responsive-design-6-outils-gratuits-pour-tester-votre-site


-------------
http://accessit.be" rel="nofollow - Les Billets d'une Bobonne Bougonne - http://gite.vervoz.be" rel="nofollow - Gîte Le Vicus


Posté par: peckOGC
Posté le: 08 Août 2018 à 11:55
Bonjour, 
Déjà je vous remercie pour vos réponses.
Effectivement, je n'ai rien fait pour que mon site s'adapte (site très simple) mais c'est bizarre car sur vos sites le mien ne s'adapte pas du tout (normal) alors que lorsque j'essaye en vrai et que je disais "pleine page" sur tous les supports  cela voulait dire qu'il s'adaptait ...

Je vous met un screenshot de mon tel (Asus 5"5), histoire d'illustrer mes propos .

https://drive.google.com/open?id=1MJoenis3PVjDEo4aafBwpc4x4GLYj-Fg" rel="nofollow - https://drive.google.com/open?id=1MJoenis3PVjDEo4aafBwpc4x4GLYj-Fg

Ps: je viens d'essayer avec un vieux wiko 5" et cela s'adapte aussi. Est-ce Chrome qui bosse pour moi ou ?


Posté par: brolysan
Posté le: 08 Août 2018 à 12:41
En fait, votre site s'affiche mais ne s'adapte pas, c'est différent. Si vous regardez bien, vous êtes obligé de zoomer sur votre site web, guère pratique alors que maintenant, le surf sur mobile représente pratiquement 60% des consultations de site web.

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: peckOGC
Posté le: 08 Août 2018 à 16:40
Donc il faudrait que mon site reste en gros pour être lisible sur mobile ?
Je vous avoue que j'ai un peu de mal à comprendre...

J'étais parti sur le principe d'être lisible en mode paysage en mobile , cf screenshot suivant
http://drive.google.com/open?id=16ki3B9Zo16G5qToXroTmgtKT5bDNZhQy" rel="nofollow - http://drive.google.com/open?id=16ki3B9Zo16G5qToXroTmgtKT5bDNZhQy


Posté par: Bridet
Posté le: 08 Août 2018 à 17:09
Je vois que vous êtes un prof de technologie (certes en retard ;-) ), vous devriez donc être capable de comprendre les nuances entre lisible et adaptable et surtout, en tant qu'amateur de jeux essayer d'y arriver.

Voici mon site  http://www.vervoz.be" rel="nofollow - http://www.vervoz.be , il est lisible mais pas adapté et donc non responsive.
Voici un autre (fait avec l'excellent modèle gratuit de Brolysan) http://www.gites-durbuy.be" rel="nofollow - http://www.gites-durbuy.be il s'adapte et est réellement lisible ainsi qu'un autre réalisé et amélioré à partir du tuto "chouette c'est responsive" de Larsène http://www.de-troyer.be" rel="nofollow - http://www.de-troyer.be
 
Le vôtre, outre son aspect un peu démodé, n'est pas responsive 
voici ce que dit le https://search.google.com/test/mobile-friendly" rel="nofollow - test de google :

Testé le : 8 août 2018 à 16:55
Page non adaptée aux mobiles
Il peut être difficile d'utiliser cette page sur un appareil mobile
Résoudre les 4 problèmes suivants
Fenêtre d'affichage non configurée
Texte illisible, car trop petit
Contenu plus large que l'écran
Éléments cliquables trop rapprochés

Si vous lisez et suivez les liens que je vous ai donnés plus haut, votre tempérament de chasseur va trouver Graal à atteindre et ce logiciel gratuit est génial pour ça.

Bon travail !


-------------
http://accessit.be" rel="nofollow - Les Billets d'une Bobonne Bougonne - http://gite.vervoz.be" rel="nofollow - Gîte Le Vicus



Imprimer la Page | Fermez la fenêtre

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net