[css]probleme de menu en position "actif" [RESOLU] - css/xhtml strict

Logiciel & apps Programmation
1

Bonjour tt le monde :smiley:

Je suis en train de chercher comment indiquer par le biais de mon menu, la page actuellement visitée.
Pour cela je desire donc metre la meme couleur ds mon menu que celle de mon a:hover.Le pb c’est que j’ai beau testé ttes les possiblités offertes mais aucune ne marche actuellement.(a:link ; a:visited; a:hover; a:active)
Le tout en image :smiley:
Le hover, pas de pb :
http://lc2376.free.fr/divers/menuHover.gif

Le ‘active’ marche bien au moment du clic:
http://lc2376.free.fr/divers/menuActive.gif

Mais apres le clic retour a la "normale":
http://lc2376.free.fr/divers/menuApresclic.gif

Je voudrais que le “lien” cliquer RESTE vert foncé afin d’indiquer la position du visiteur.

Ci-joint la partie du code CSS correspondant au menu


#menu {
height : 25px; 
margin : 0; 
padding : 0; 
list-style-type : none;
background: #DDEEAA;
}
#menu li {
float : left;
width : 154px;
text-align : center;
margin : 0;
padding : 0;
}
#menu li a:link, #menu li a:visited {
background: #DDEEAA;
line-height : 25px; 
font-size : 0.9em; 
font-weight : bold; 
letter-spacing : 1px; 
color : #000000; 
display : block; 
text-decoration : none; 
border-right : 1px solid white; 
border-left : 1px solid white; 
} 
#menu li a:hover {
background: #92CB7E;
}
#menu li a:active {
background: black;
}

Si kk1 a une idée ca sera sympa.
Merci par avance :super:

2

Tu ne peux pas, malheureusement.

3

c’est ce que je craignais :frowning:

4

:jap: content de te revoir :jap:

5

Faut le faire en php ca non ?

6

ben oui :neutre:
avec php regarder sur quelle page on se trouve et modifier le css en conséquence

7

Ce qui est loin d’être compliqué hein :slight_smile:

8

heu oui j’ai oublier de preciser :smiley:
Faisable en XHTML strict et CSS seulement.
En php je n’aurais pas eu de pb avec le principe du switcher :wink: mais la pas possible :pfff:
Merci qd meme pour vos reponses

9

:wink:

10

tu crées simplement une nouvelle class du type

.categorie_active
{
tout le bazar;
}

et dans ton code tu applique cette class au lien qui correspond à la page où tu te trouve.

enfin je ferais comme ça :slight_smile:

11

et tu veras que cela ne marche pas :wink:

12

(ce qui est normal, puisque les recommandations du W3 demande à ce que l’on n’utilise pas le caractère _ mais - …)

et encore une fois boudas, pour utiliser une classe ainsi faut avoir un mécanisme (php, javascript?, asp, Jsp, etc) qui décide quand ajouter le subtil class="category-active".

13

je vais voir si je peux utiliser du javascript ds le pire des cas :neutre:

MErci pour vos reponses tt de meme :jap:

14

en fait non c’est tt à fait possible avec le CSS mais je cherchais trop compliqué :slight_smile:

Il suffisait tt bêtement de rajouter une classe comme le disait bizzare :oui:
Je zappe le “a:active” et j’intercal ecette classe ds chaque page.
Par contre obligé de suprimer la couleur “par defaut” de ‘#menu a’ sinon il prend le dessus sur la class crée

Faut pas chercher trop compliqué :clap: et merci de m’avoir remis sur la voie bizzare :super:

15

et en utilisant !important ou en plaçant la classe après ta déclaration #menu a ?

16

non ca ne passe pas non plus j’avais deja essayé.
Le css appliqué sur le bloc prenait tjrs le dessus.
Mais bon j’ai juste rajouté une classe en modifiant leur emplacement ds chaque page.
Ca reste compliant CSS2 et XHTML1.0 strict :stuck_out_tongue:

17

ah je ne savais pas que le "_" était déconseillé :smiley: ! Mais de toute façon, ça passe quand même à la validation apparement.