Création d'une sous classe pour un menu ?[RESOLU]

Bonsoir,

J'ai un menu (fixe) basé sur une liste html... Tout fonctionne bien sauf que j'aimerais que lorsque une personne se rend sur une page, le lien sur lequel elle a cliqué soit désactivé et le texte modifié de telle manière qui lui indique qu'elle se situe bien dans la rubrique demandée... Pour être plus clair, j'ai ces trois stades : non survolé (noir > a), survolé (rouge foncé > a:hover), cliqué (rouge vif et lien désactivé sur la page demandée > ?)
Le code du menu:

ul#menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#menu li a{
	display: block;
	height: 40px;
	line-height: 30px;
	padding-left: 25px;
	margin: 4px 0;
	border-bottom: 1px solid #000000;
	color:#000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-variant: small-caps;
}
ul#menu li a:hover{
	background-position: left bottom;
	color:#CC0000;
}

Mon problème est que je voudrais garder cette mise en page en block pour l'item cliqué. J'ai pensé éventuellement à la création d'une sous-classe, mais comment faire ?
Merci,
Modifié par albius18 (04 Jan 2008 - 18:17)

Salut,

pour faire cela, il faut que tu différencies le lien "actif" dans ton menu. Au lieu d'avoir un lien <a> dans le menu, il suffit de le remplacer par un span, que tu pourras styler de la même manière que <a> ...

Merci Thomas.
J'ai voulu peut-être me compliquer la vie. J'ai recréé simplement un nouvelle classe...
Modifié par albius18 (05 Jan 2008 - 11:58)