Couleur d'onglet différente page active cssFermé

Question

Bonjour, 

Je suis en train de créer mon site et j'aurai une petite question.
J'ai créé un menu à l'aide de liste et j'aimerais que l'onglet de la page active soit d'une couleur différente.

Quel code puis-je rajouter dans mon css pour obtenir ce résultat?

Merci par avance pour votre aide.

Configuration: Windows Vista / Firefox 3.6.8

pols12 · Accepted Answer

Moi, j'avais compris... :p Regardes dans mon message: Je ne sais aps comment est fait ton site? Utilises-tu PHP? Si Oui, te sers-tu des includes? Si non, rien de plus simple: Le code de ton menu doit déférer à chaque page. Voilà un exemple. Le code de ton menu doit être un truc du genre comme ca: ??? Accueil contact Informations Commandes Le code ci-dessus, ca doit être en gros le code que tu as actuellement sur toutes tes pages, le code du menu. Maintenant, tu vas modifier ce code un tout petit peu sur chaque page: Sur la page accueil.html, tu vas mettre ceci: ??? Accueil contact Informations Commandes Sur la page commande, ce sera: ??? Accueil contact Informations Commandes Bref, à chaque fois, la page sur laquelle on est aura comme ID "active". Et ton css sera comme ca: .onglet_menu{ color: blue; /* couleur par défaut du menu */ } #active{ color: red; /* couleur de la page active */ } Voilà! Si tu utilises des includes, 2 solutions se proposent à toi: -->une variable $active qui contiendra un nom de page avant l'include sur chaque page. Avec une condition, on mettra on non le id="active". -->Ou bien il doit être possible de récupérer la page actuelle, avec une super globale, tu peux faire une recherche google. ;)

pols12 · Answer

Salut Je ne pense aps que ce soit possible en xHTML et CSS: je pense qu'il va falloir t'orient vers javascript ou PHP, pour connaitre la page active. Ou alors, tu mets un ID spécialpour la page active: Ton menu xhtml: page1 page2 page3 page4 page5 Ton css: .onglet_menu{ color: blue; } #active{ color: red; } Voilà!

bg62 · Answer

au contraire !
il suffit de faire qq recherche sur la CSS avec on mouse over, active, etc ...
et ça passe sur tous les navigateurs !!!
https://www.google.com/webhp?hl=fr&ie=UTF-8&oe=UTF-8&gws_rd=ssl#hl=fr&source=hp&q=codes+CSS+pour+les+onglets&aq=f&aqi=&aql=&oq=&gs_rfai=&fp=7241d7819cf7eea3

carabde · Answer

Bonjour,

Pour en savoir encore plus sur la propriété CSS #active regarde ceci:
http://apprendre-creer-sites.com/propriete-css/pseudo-class-active.php

il vous sera utile!

pols12 · Answer

Salut
Elle fait référence au lien qui est celui de l'url actuellement visié.
Elle ne parles pas d'un lien surlequel on passe sa souris, surlquel on clique, ou qu'on a déjà visité.
Je ne connaissais pas :active mais j'ai l'impression que c'est juste le moment ou l'on clique qui importe, et aps l'url actuelle. ;)

So Crate · Answer

Merci pour vos réponses.

Je vais essayer de mieux expliquer ma question.

Imaginons différents liens : Accueil, photos, contacts, informations, etc...
J'aimerais que lorsque je suis sur la page photos par exemple, que cet onglet soit d'une autre couleur (donc pas lorsque l'on passe la souris dessus).

Si jamais je ne suis pas assez claire, je peux vous faire une capture d'écran pour expliquer vraiment le problème (qui n'est pas vraiment un problème mais plus une question).

Merci à vous.

Couleur d'onglet différente page active css

6 réponses

Discussions similaires

Newsletters