Menu différent suivant support |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
peckOGC
Newbie Depuis le: 07 Août 2018 Status: Inactif Points: 7 |
Options des messages
Thanks(0)
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.
|
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
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... |
|
Bridet
Senior Member Depuis le: 13 Dec 2013 Pays: Condroz Status: Inactif Points: 5049 |
Options des messages
Thanks(0)
|
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 !
|
|
peckOGC
Newbie Depuis le: 07 Août 2018 Status: Inactif Points: 7 |
Options des messages
Thanks(0)
|
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
|
|
Bridet
Senior Member Depuis le: 13 Dec 2013 Pays: Condroz Status: Inactif Points: 5049 |
Options des messages
Thanks(0)
|
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 |
|
peckOGC
Newbie Depuis le: 07 Août 2018 Status: Inactif Points: 7 |
Options des messages
Thanks(0)
|
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 ? |
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
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.
|
|
peckOGC
Newbie Depuis le: 07 Août 2018 Status: Inactif Points: 7 |
Options des messages
Thanks(0)
|
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
|
|
Bridet
Senior Member Depuis le: 13 Dec 2013 Pays: Condroz Status: Inactif Points: 5049 |
Options des messages
Thanks(0)
|
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 ! |
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |