j´étais en train de regzarder les tutos dsu site du zero et j´ai vu donc qu´on pouvait changer le design en changeant de CSS. Je me suis dit, dans mon site en préparation, il n´y a qu´un CSS en prépartion mais pourquoi pas, plus tard.. Donc autant profiter de cette liberté offerte par le CSS *_*

Ma question est donc..
Comment faire pour avoir un menu formé d´image Et dont ces images varent selon si on passe ou non la souris ?
Bien entendu, j´aurais pu utiliser un truc du genre onmouseover ou onmouseout mais, c´est dans la pae html et donc l´image utilisée est dans la page html et non dans le CSS et donc impossible de la changer si on change de CSS.
Merci

Exemple :
<ul id="menu">
<li id="lien1"></li>
<li id="lien2"></li>
</ul>

1. menu {

margin:0;
padding:0;
}

1. lien1, #lien2 {

display:block;
margin:0;
height:15px;
width:100px;
}

1. lien1 {

background-image:url(lien1.jpg);
}

1. lien2 {

background-image:url(lien2.jpg);
}

1. lien1:hover {

background-image:url(lien1_.jpg);
}

1. lien2:hover {

background-image:url(lien2_.jpg);
}

merci mais, soit j´ai mal fait un truc, soit ce n´st pas exactement ce que je demande car l´image n´est pas cliquable :S

C´etait pour que tu puisses voir le principe

<ul id="menu">
<li id="lien1"><a href="#">1</a></li>
<li id="lien2"><a href="#">2</a></li>
</ul>

1. menu {

margin:0;
padding:0;
}

1. lien1, #lien2 {

display:block;
margin:0;
height:15px;
width:100px;
}

1. lien1 a, #lien2 a {

display:block;
width:100%;
height:100%;
}

1. lien1 a {

background-image:url(lien1.jpg);
}

1. lien1 a:hover {

background-image:url(lien1_.jpg);
}

1. lien2 a {

background-image:url(lien2.jpg);
}

1. lien2 a:hover {

background-image:url(lien2_.jpg);
}

merci beaucoup :´)