Css onglet actif

Fermé
ginger4957 Messages postés 37 Date d'inscription jeudi 12 juin 2008 Statut Membre Dernière intervention 3 mars 2009 - 19 juin 2008 à 15:42
ginger4957 Messages postés 37 Date d'inscription jeudi 12 juin 2008 Statut Membre Dernière intervention 3 mars 2009 - 19 juin 2008 à 16:58
Bonjour,

j'ai créé un menu avec onglets, j'aimerais que la couleur de fond lorsque l'onglet a été cliqué reste de la même couleur de la page (blanc). Quelqu'un saurait-il comment faire ?

Voici mon code html :

<ul id="onglet">
<li><a href="index.php">Accueil</a></li>
<li><a href="galerie.php">Galerie</a></li>
<li><a href="calendrier.php">Calendrier</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>

Et mon code css:

#onglet { /*onglets de l'entête*/
padding: 3px 0;
margin-left: 0; /*marges*/
margin-bottom: 0;
margin-top: 0;
font: bold 12px Verdana;
float: left;
border-bottom: 1px solid #006699;
width:100%;
text-align: right;
letter-spacing:1px; /*espacement entre chaque caractère*/
}

#onglet li{
list-style: none;
display: inline; /*affichage horizontal*/
margin: 0;
border-bottom:1px solid #FFF;
}

#onglet li a{
text-decoration: none;
padding: 3px 10px;
margin-right: 3px;
border-top: 1px solid #778;
border-left: 1px solid #778;
border-right: 1px solid #778;
border-bottom: 1px solid #fff;
background-color: #DBF0F9;
}

#onglet li a:link, #onglet li a:visited{
color: #000080;
background-color: #DBF0F9;
}

#onglet li a:hover, #onglet li a:active{
color: #000080;
background-color: #FFF;
border-bottom:1px solid #FFF;
}

De plus sous IE les onglets ne s'affichent pas comme sous firefox, soit respectivement : __T|_T|_T|_ et __U__U__U_
... COmment afficher comme sous FF ???
merci de vos réponses

1 réponse

ginger4957 Messages postés 37 Date d'inscription jeudi 12 juin 2008 Statut Membre Dernière intervention 3 mars 2009 1
19 juin 2008 à 16:58
PS : urgent :s merci
0