Probleme sur javascript

Fermé
trovillione Messages postés 5 Date d'inscription vendredi 20 février 2009 Statut Membre Dernière intervention 4 août 2009 - 20 févr. 2009 à 13:40
Bonjour,
je suis vraiment un debutant dans du css et javascript,mais je suis vraiment interesse. En effet mon probleme est le suivant. j ai une barre de navigation comme celui qu on trouve sur ce site a savoir(Accueil-Forum-Astuces-telecharger-...) et lorsqu on clique sur par exemple Accueil il change de couleur et ainsi de suite. j ai utilise le css que voici pour avoir ma barre de Navigation:div#nav {
float: left;
width:50%;
margin: 0;
padding:10px 0 0 46px;
list-style:none;
background:white;// couleur du grand contour.
margin-left:auto;
margin-right:auto;
}

div#nav li {
float: left;
margin:0 1px 0 0;
padding:0;
font-family: "Lucida Grande", sans-serif;
font-size:80%;
list-style-type: none;
}


div#nav a {
float: left;
display:block;
margin: 0;
padding:6px 30px;
/*text-decoration:none;*/ // pour ne pas faire apparaitre le trait des liens.
border:1px solid #9B8748;
background:url(../gfx/reiter.gif) ;// couleur du contour ou se trouve les liens.
font-style: normal;
text-align: center;
font-family: Arial;
}

div#nav a:hover{
color:white;
padding-bottom:5px;
border-color:#727377;
background:#660033;
}

et sur mon fichier html voici ce que j ai:
<div id= "nav" >
<li id="t-intro" ><a href ="#" size = "13px" face = "arial">Übersicht</a></li>
<li id="t-about" a href ="#" size = "13px" face = "arial" >Typenliste</a></li>
</div>

et j aimerai donc que en cliquant par exemple sur "Übersicht" il prend une couleur et cliquant apres sur "Typenliste" "Übersicht reprend sa couleur initiale" et "Typenliste" prend une nouvelle couleur et ainsi de suite. merci bien de me repondre je vous emprie c`est tres important pour mon projet.