Un roll over en CSS avec une seule image

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Un roll over en CSS avec une seule image

vita 100

Bonjour,

Voilà, j'ai terminé mon menu en css avec une seule image :pt1cable:

Mais maintenant un dernier problème s'impose, je voudrais que le bouton du menu soit sur la position "hover" lorssque je suis sur la page. :heink:
On m'a parlé qu'îl fallait mettre <li ="active"> et current.... mais ou les placer ces deux? :cry:
Voici le code pour une meilleure "visualisation"

Code :

<div id="menu">
<div id="tabs10">
<ul>
<li>
<a href="#" title="accueil">
<span>
ACCUEIL
</span></a></li>
<li>
<a href="#" title="moniteurs">
<span>
MONITEURS
</span></a></li>
<li id="active">
<a id="current" href="#" title="cours">
<span>
COURS</span></a></li>
<li>
<a href="#" title="tarifs">
<span>
TARIFS
</span></a></li>
<li>
<a href="#" title="boutique">
<span>
BOUTIQUE</span></a></li>
<li>
<a href="#" title="contact">
<span>
CONTACT
</span></a></li>
<li>
</ul>
</div>
</div>

Code :

#menu {
position: absolute;
top: 101px;
left: 13px;
width: 720px;
height: 24px;
margin: 0px;
padding: 0px;
background: url(images/bcmenu.jpg) repeat;
}
#tabs10 {
float: left;
width: 100%;
font-size: 93%;
line-height: normal;
}
#tabs10 ul {
margin: 0;
padding: 0px 10px 0 0px;
list-style: none;
}
#tabs10 li {
display: inline;
margin: 0;
padding: 0;
}
#tabs10 a {
float: left;
background: url(images/tableftAA.gif) no-repeat left top;
margin: 0;
padding: 0 0 0 4px;
text-decoration: none;
font-weight: bold;
border: none;
}
#tabs10 a span {
float: left;
display: block;
background: url(images/tabrigi22.gif) no-repeat right top;
padding: 5px 15px 4px 6px;
color: #333;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs10 a span {
float: none;
}
/* End IE5-Mac hack */
#tabs9 a:hover span{
color: #FFF;
}
#tabs10 a:hover a#current {
background-position: 0% -43px;
}
#tabs10 a:hover span {
background-position: 100% -43px;
}

Merci de votre aide...
voici le lien :
http://www.auto-ecole-daniel.ch/menu.html

Bonne journée

Vita

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

Un roll over en CSS avec une seule image

Sujets relatifs
Menu DHTML ? CSS ?	Fixer la dimension d'une image
CSS et Firefox	Insérer du texte récurrent dans une page par les CSS ?
[SQL Server] MAJ de plusieurs bases dans une seule transaction	[CSS] Mise en forme tableau
Pb de CSS avec FF	pb upload image
centrer verticalement image ds paragraphe	probleme de validation w3C CSS couleur de fond
Plus de sujets relatifs à : Un roll over en CSS avec une seule image

Page générée en 0.043 secondes