BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - Menu différent suivant support
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Menu différent suivant support

 Répondre Répondre
Auteur
Message
peckOGC allez vers le bas
Newbie
Newbie


Depuis le: 07 Août 2018
Status: Inactif
Points: 7
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer peckOGC Citer  RépondreRéponse Lien Direct à ce Post Sujet: Menu différent suivant support
    Envoyé : 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.
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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...
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 5049
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 07 Août 2018 à 19:07
Bonjour et bienvenue,
Voici la liste des tutos 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 !
Haut de la page
peckOGC allez vers le bas
Newbie
Newbie


Depuis le: 07 Août 2018
Status: Inactif
Points: 7
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer peckOGC Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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.


Merci
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 5049
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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
Haut de la page
peckOGC allez vers le bas
Newbie
Newbie


Depuis le: 07 Août 2018
Status: Inactif
Points: 7
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer peckOGC Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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 .


Ps: je viens d'essayer avec un vieux wiko 5" et cela s'adapte aussi. Est-ce Chrome qui bosse pour moi ou ?
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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.
Haut de la page
peckOGC allez vers le bas
Newbie
Newbie


Depuis le: 07 Août 2018
Status: Inactif
Points: 7
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer peckOGC Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 5049
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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, 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 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
 
Le vôtre, outre son aspect un peu démodé, n'est pas responsive 
voici ce que dit le 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 !
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.