Antivirus offre spéciale - jusqu'à 60 % de réduction avec 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: Aug 07 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é : Aug 07 2018 à 5:03pm
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: Aug 14 2009
Pays: France
Status: Inactif
Points: 8949
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Aug 07 2018 à 5:15pm
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: Dec 13 2013
Pays: Condroz
Status: Inactif
Points: 4314
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Aug 07 2018 à 6:07pm
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 !
Les Billets d'une Bobonne Bougonne Gîte Le Vicus www.de-troyer.be - www.gites-durbuy.be
Haut de la page
peckOGC allez vers le bas
Newbie
Newbie


Depuis le: Aug 07 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é : Aug 08 2018 à 12:13am
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: Dec 13 2013
Pays: Condroz
Status: Inactif
Points: 4314
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Aug 08 2018 à 7:35am
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
Les Billets d'une Bobonne Bougonne Gîte Le Vicus www.de-troyer.be - www.gites-durbuy.be
Haut de la page
peckOGC allez vers le bas
Newbie
Newbie


Depuis le: Aug 07 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é : Aug 08 2018 à 10:55am
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: Aug 14 2009
Pays: France
Status: Inactif
Points: 8949
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Aug 08 2018 à 11:41am
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: Aug 07 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é : Aug 08 2018 à 3:40pm
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: Dec 13 2013
Pays: Condroz
Status: Inactif
Points: 4314
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Aug 08 2018 à 4:09pm
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 !
Les Billets d'une Bobonne Bougonne Gîte Le Vicus www.de-troyer.be - www.gites-durbuy.be
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 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,031 secondes.
Réserver en ligne un taxi, vtc, navette