Menu actif en CSS
Résolu
Bonjour,
je suis en train de faire mon site web; pour le moment tout va bien =) Cependant il y a un petit "détail" qui me tracasse: en fait je voudrais que dans mon menu (lorsqu'on choisis un des "onglets") l'onglet sélectionné reste avec un fond différent (gris à #404040 ). Est-ce que vous pouvez m'aider?
Voila le code CSS de ma barre de navigation (style.css):
-------------------------------------------------------------------------------
#menu
{
width: 950px ;
height: 35px ;
margin: 0 auto ;
}
#navcontainer ul
{
padding: 0;
margin: 0;
float: right;
width: 100%;
}
#navcontainer ul li
{
display: inline;
}
#navcontainer ul li a
{
padding: 6px 10px;
font-family: Papyrus, "Trebuchet MS", helvetica, tahoma, sans-serif ;
color: #FFF;
font-size: 120%;
font-weight: bold ;
text-decoration: none;
float: right;
}
#navcontainer ul li a:hover
{
background-color: #FFF;
color: #FF8800;
}
-------------------------------------------------------------------------------
Et voila le HTML (index.html):
-------------------------------------------------------------------------------
<div id="menu">
<div id="navcontainer">
<ul id="navlist">
<li><a title="Liens" href="homefr.html">Liens</a></li>
<li><a title="Contact" href="homefr.html">Contact</a></li>
<li><a title="Portfolio - Book - Travaux Photographiques" href="homefr.html">Portfolio</a></li>
<li><a title="Biographie - Curriculum" href="homefr.html">Bio</a></li>
<li><a title="Accueil" href="homefr.html">Accueil</a></li>
</ul>
</div>
</div>
-------------------------------------------------------------------------------
Merci d'avance,
PhotoMartin
je suis en train de faire mon site web; pour le moment tout va bien =) Cependant il y a un petit "détail" qui me tracasse: en fait je voudrais que dans mon menu (lorsqu'on choisis un des "onglets") l'onglet sélectionné reste avec un fond différent (gris à #404040 ). Est-ce que vous pouvez m'aider?
Voila le code CSS de ma barre de navigation (style.css):
-------------------------------------------------------------------------------
#menu
{
width: 950px ;
height: 35px ;
margin: 0 auto ;
}
#navcontainer ul
{
padding: 0;
margin: 0;
float: right;
width: 100%;
}
#navcontainer ul li
{
display: inline;
}
#navcontainer ul li a
{
padding: 6px 10px;
font-family: Papyrus, "Trebuchet MS", helvetica, tahoma, sans-serif ;
color: #FFF;
font-size: 120%;
font-weight: bold ;
text-decoration: none;
float: right;
}
#navcontainer ul li a:hover
{
background-color: #FFF;
color: #FF8800;
}
-------------------------------------------------------------------------------
Et voila le HTML (index.html):
-------------------------------------------------------------------------------
<div id="menu">
<div id="navcontainer">
<ul id="navlist">
<li><a title="Liens" href="homefr.html">Liens</a></li>
<li><a title="Contact" href="homefr.html">Contact</a></li>
<li><a title="Portfolio - Book - Travaux Photographiques" href="homefr.html">Portfolio</a></li>
<li><a title="Biographie - Curriculum" href="homefr.html">Bio</a></li>
<li><a title="Accueil" href="homefr.html">Accueil</a></li>
</ul>
</div>
</div>
-------------------------------------------------------------------------------
Merci d'avance,
PhotoMartin
Configuration: Windows XP Firefox 2.0.0.12
