Css onglet actif
ginger4957
Messages postés
41
Statut
Membre
-
ginger4957 Messages postés 41 Statut Membre -
ginger4957 Messages postés 41 Statut Membre -
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
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