Affichage des pages de mon menu à onglet

Fermé
sediarra - 14 mai 2012 à 01:36
flav1313 Messages postés 751 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 22 octobre 2012 - 14 mai 2012 à 12:15
Bonjour,


Je suis débutant en html, actuellement je suis en train de créer un menu à onglet de six éléments, et là j'ai un petit problème: dans mon menu il y a les léléments suivants: "Accueil", "services", "outils", "archive", "se connecter" etc. c'est un menu à onglet horizontal. En fait, je voudrais que quand je clique sur un onglet de mon menu, que les autres onglets soient visibles à côté de la page active avec la même entête.
Mais quand je clique sur la rubrique "services" vu que c'est un lien: <a>service<a/> je me retrouve sur une page seule sans les autres onglets à côté et sans entête; pour les voir il faut cliquer sur précédent pour venir retrouver les autres onglets; alors que je voudrais que tout se passe sur la même page, du moins c'est l'impression que j'ai eu en visitant les autres sites de même genre.

Pour faire bref, je voudrais naviguer entre les onglets de mon menu sans avoir l'impression d'avoir changé de page en même temps: voici donc un exemple de site:http://www.allopass.com/fr/buyers. Là-bas, quand vous cliquez sur acheteurs puis marchands, vous voyez en même temps les autres onglets non actifs à côté.

Aidez-moi à organiser l'affichage des différentes pages de mon menu à onglet. PLEASE

Merci d'avance pour vos réponses.

1 réponse

flav1313 Messages postés 751 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 22 octobre 2012 100
14 mai 2012 à 12:15
Je vais reformuler ta demande pour que ce soit plus précis : tu souhaites mettre en surbrillance (en évidence) la page active.

Est-ce bien ça?

Donc pour te répondre facilement, il suffit que tu inclus une classe différentes (CSS) en fonction de ta page.

Je prend une exemple simple :

disons que mon css est ceci :

.element_menu{
color : blue;
background-color:red;
}

#active{
color: red;
background-color:blue;
}

sur toutes pages mon menu sera comme ceci :
<a class="element_menu" href="">Accueil</a>
<a class="element_menu" href="">Photographies</a>
<a class="element_menu" href="">Contact</a>

et en fonction de ta page active, si c'est par exemple l'accueil tu ajoutes :
<a id="active" class="element_menu" href="">Accueil</a>
<a class="element_menu" href="">Photographies</a>
<a class="element_menu" href="">Contact</a>

En espérant n'avoir pas fait trop compliquer.

Flavien
0