28220 sujets

CSS et mise en forme, CSS3

Menu et CSS [résolu]

Bonjour tout le monde !

Voila j'ai une petite question,

J'ai un menu avec X rubriques :
Agenda , Forum , Mon comptes etc.

Les boutons de ce menu sont oranges et deviennent blancs lors du survol de la souris.

J'aimerais savoir si en CSS c'est possible que le bouton devienne rouge, apres que la page sois chargé.


Exemple : je suis dans la page agenda et je clique sur le bouton forum , le bouton forum devient rouge et le bouton agenda redevient orange, si ensuite je clique sur Agenda, le bouton Agenda devient rouge et le bouton forum redevient orange.

Si ce n'ai pas possible en CSS que me conseillerez vous ?

Merci Smiley lol
Modifié par Mathis (29 May 2005 - 00:45)
J'ai du mal m'expliquer en fait je cherche pas a savoir comment faire pour que le bouton sois rouge ou etc... je cherche à savoir si avec CSS on pouvais afficher dans un autre style le bouton sur lequel on a cliqué auparavent, lorsqu'on change de page Smiley biggol
Si j'ai bien compris ta question, tu dois travailler avec des id a ton body.
tu auras sur tes pages:

<body id="un">
...
<li id="un"><a href="/coucou.php" title="coucou">Accueil</a></li>
<li id="deux"><a href="/soeurette.php" title="ma soeur">des photos de ma soeur</a></li>

...
et dans ta CSS :

#menu ul li a {
	couleur:orange;
}

body#un #contenu #menu li#un a,
body#deux #contenu #menu li#deux a{
couleur:rouge;
}

evidemment j'ai simplifié.
et pour le code dans la CSS, faut l'adapter a tes imbrications de balises.
aussinon va voir le code source de www.arpaweb.be
Modifié par gabnico (29 May 2005 - 00:14)
Modérateur
Ah?! j'avais cru comprendre que tu souhaitais différencier le bouton actif de celui qui ne l'est pas... Comme c'est expliqué dans le lien que je t'ai laissé, je ne vois pas ce qui pêche...

a écrit :
Raphaël a écrit:
.... que l'on retrouve aussi ici, Smiley smile

... et en plus clair de surcroît... Très bien, c'est noté... Je saurais donc où envoyer les gens dorénavant... Smiley ravi
gabnico a écrit :
Si j'ai bien compris ta question, tu dois travailler avec des id a ton body.
tu auras sur tes pages:

<body id="un">
...
<li id="un"><a href="/coucou.php" title="coucou">Accueil</a></li>
<li id="deux"><a href="/soeurette.php" title="ma soeur">des photos de ma soeur</a></li>

...
et dans ta CSS :

#menu ul li a {
	couleur:orange;
}

body#un #contenu #menu li#un a,
body#deux #contenu #menu li#deux a{
couleur:rouge;
}

evidemment j'ai simplifié.
et pour le code dans la CSS, faut l'adapter a tes imbrications de balises.
aussinon va voir le code source de www.arpaweb.be



Merci beaucoup ! c'est pile poil ce que je cherchais ! Smiley lol
Sujet clos
Aller à