Le blog WAIBE.FR, des astuces pour faire votre site Internet...



Apparences graphiques "responsive" : le fonctionnement du menu a changé !

22 août 2015



Si vous venez de mettre en place une apparence graphique "responsive", et si votre site possède des sous-menus, vous aurez peut-être remarqué que son fonctionnement a changé : les pages "mères" de sous-menus ne sont plus accessibles. Explications...

Une question de "clic souris" ou "survol souris"

Prenons un exemple concret : votre site possède un menu et des sous-menus, par exemple en respectant le plan de site suivant :

  • Accueil
  • Prestations
  • Galeries
    • Galerie 1
    • Galerie 2
    • Galerie 3
  • Livre d'or
  • Contact

 

Vous constaterez que la page "Galeries" possède un sous-menu, composé des pages "Galerie 1, Galerie 2 et Galerie 3"

Auparavant

  • quand vous mettiez la souris au dessus de "Galeries", cela ouvrait le sous-menu (survol de la souris)
  • quand vous cliquiez sur "Galeries", cela ouvrait une page.

 

Maintenant 

  • quand vous mettez la souris au dessus de "Galeries", il ne se passe rien au survol de la souris : le menu ne s'ouvre pas.
  • quand vous cliquez sur "Galeries", cela ouvre le sous-menu : vous pouvez ensuite sélectionner une page du sous-menu..

 

Pourquoi ce changement ?

L'objectif d'une apparence graphique responsive, c'est de fonctionner sur ordinateur, sur tablette et sur téléphone portable (smartphone). Or sur tablette et smartphone, vous n'avez pas de souris. Donc il n'est pas possible d'ouvrir un sous-menu avec survol de la souris ! le survol du menu n'existe pas, tout simplement... Donc l'ouverture du sous-menu se fait avec un clic sur le menu père ("Galerie" sur notre exemple).

Par conséquent, le clic n'ouvre plus la page puisqu'il ouvre le sous-menu.

 

Comment faire si on avait des textes écrits dans les menus "père" ?

Ces textes n'étant plus accessibles, vous allez devoir modifier légèrement votre site Internet et changer votre mode de navigation. Par exemple vous pouvez créer une nouvelle page, et en mettre ces textes dans cette nouvelle page par copier coller. Ensuite, vous pouvez mettre cette nouvelle page dans le sous-menu par exemple.

Dans mon exemple précédent, cela donnerait ceci : 

  • Accueil
  • Prestations
  • Galeries
    • Introduction
    • Galerie 1
    • Galerie 2
    • Galerie 3
  • Livre d'or
  • Contact

La nouvelle page "Introduction" que j'ai créée contiendra le texte qui était dans la page "Galeries".

 

Ecrire un commentaire

(Tous les commentaires seront validés par le webmaster avant d'etre publiés)

Votre nom


Votre texte


Tapez le code à gauche*

facebook partager

rejoignez notre réseau sur twitter rejoignez notre réseau sur facebook rejoignez notre réseau sur facebook

www.waibe.fr - Comment créer un site Internet pas cher, le modifier à volonté, et sans aucune connaissance informatique
Création de site Internet à petit prix pour PME, PMI, association, indépendant, profession touristique, photographe, modèle...
Société AD-WAIBE - Bordeaux - Pessac - SIREN : 517839932 - APE : 722C - Téléphone : 06.10.09.66.14
Création du site Internet à Bordeaux par AD WAIBE
AD-WAIBE : SARL au capital de 16500 €

 

Comment créer un site photo pas cher. Création site web pas cher. Liens vers des sites photo - Comment créer un site Internet pour autoentrepreneur ? - Creation de sites Internet Bassin d'Arcachon