(reprise du message précédent)
Effectivement c'est valide !
J'avais mis onMouseOver et onMouseOut en oubliant que TOUT devait être en minuscule....
Donc voici mon code final (enfion je pense....
) :
Et du coup pas besoin de background ni de javascript !!!
Que pensez-vous de mon code ? Il tient la route ?
Merci pour tout
@+
Effectivement c'est valide !
J'avais mis onMouseOver et onMouseOut en oubliant que TOUT devait être en minuscule....
Donc voici mon code final (enfion je pense....
) :<div id="menubulle"><ul>
<li><a id="bulle1" href="main.html">
<img src="../images/menubulle/bulle1.jpg" alt="Page d'accueil du site"
onmouseover="this.src='../images/menubulle/bulle1_big.jpg'"
onmouseout="this.src='../images/menubulle/bulle1.jpg'" />
<span>Accueil</span>
</a></li>
</ul></div>
/*********************************************************************\
* menu bulle
\*********************************************************************/
#menubulle {
position: absolute;
left: 240px;
}
#menubulle ul, #menubulle li {
position: relative;
margin: 0;
padding: 0;
list-style-type: none;
float: left;
}
#menubulle li a { /* dimensions et définitions des boutons */
display: block; /* mise en block de <a> pour lui donner des dimensions */
height: 100px;
width: 100px;
/*border: 1px solid;*/
}
#menubulle li a span {
position: absolute;
left: 0px;
top: -5000px;
width: 1px;
height: 1px;
overflow:hidden;
}
#menubulle img {
border: 0;
margin: 0;
}
/* bulle a */
#menubulle a#bulle1 {
margin: 10px 0 0 0;
}
#menubulle a#bulle2 {
margin: 55px 0 0 55px;
}
#menubulle a#bulle3 {
margin: 14px 0 0 32px;
}
#menubulle a#bulle4 {
margin: 36px 0 0 50px;
}
Et du coup pas besoin de background ni de javascript !!!
Que pensez-vous de mon code ? Il tient la route ?
Merci pour tout
@+
