Ce serait bien d'avoir une réponse avant demain, ça fait 2 jours que je plante dessus, j'arrivre pas à avancer sans ça :(

Dsl de faire un up si rapide mais j'ai pas le choix :s

Merci :)

Ta question est pas clair, alors forcément ça dissuade.
Tu veux faire un rollover avec des images ?

Hmm c'est dur à expliquer :s

en fait je veux simplement que quand on passe la souris sur un menu ça change de couleur et donc d'image.

J'essaie juste de trouver un moyen pour faire ça en css ( pas de javascript :s )

Donc pour accueil par exemple, quand il est off il est gris, quand il est on ( quand on passe la souris dessus et quand on a cliqué dessus et qu'on est sur la page accueil ) il est en orange :)

J'espère avoir mieux expliquer :s

Hem,
Par définition, tu veux détecter un évenement ? (la souris au dessus = onmouseover) c'est donc du javascript.
Là tu as deux choix : utiliser des fonctions javascript toutes faites et qui fonctionne, ou te faire ta fonction qui changerait le style css affecté à un élément.
C'est toi qui voit, mais t'es juste en train d'essayer de réinventer l'eau froide...
Edouard

J'veux rien réinventer du tout, je veux juste que ça fonctionne sans javascript :)

Et comment tu veux détecter l'évenement !?

Bah avec une classe #menu a:hover a:active;

Mais en fait, j'arrive bien à mettre accueil correctement mais dès que je dois mettre le menu d'à coté, je sais plus quoi faire :s

Onmouseout style...

Mais c'est du javascript ça...

Bon j'avance petit à petit mais j'ai toujours un problème, il ne lit qu'un seul lien...donc le menu accueil fonctionne parfaitement, mais les autres ne sotn même pas considéré comme des liens....

mon code css :

#menu {background : url('../design/menu/menu.gif'); width : 800px; height : 49px; margin: 0px;  padding: 0; position: relative;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#menu li, #menu a {height: 49px; display: block;}
#accueil {left: 15; width: 112px;}
#services {left: 127; width: 110;}
#profil {left: 227; width: 80;}
#folio {left: 307; width: 75;}
#contact {left: 392px; width: 100;}
#charte {left: 492; width: 85;}
#accueil a:hover {background: transparent url('../design/menu/menu.gif') 0px -49px no-repeat;}
#services a:hover {background: transparent url('../design/menu/menu.gif') -127px -49px no-repeat;}
#profil a:hover {background: transparent url('../design/menu/menu.gif') -227px -49px no-repeat;}
#folio a:hover {background: transparent url('../design/menu/menu.gif') -307px -49px no-repeat;}
#contact a:hover {background: transparent url('../design/menu/menu.gif') -392px -49px no-repeat;}
#charte a:hover {background: transparent url('../design/menu/menu.gif') -492px -49px no-repeat;}

<code><ul id="menu">			
<li id="accueil" name="accueil"><a href="accueil.html"></a></li>
<li id="services" name="services"><a href="services.html"></a></li>
<li id="profil" name="profil"><a href="profil.html"></a></li>
<li id="folio" name="folio"><a href="folio.html"></a></li>
<li id="contact" name="contact"><a href="contact.html"></a></li>
<li id="charte" name="charte"><a href="charte.html"></a></li>
</ul>

T'essaie de faire ca avec une seule image ?

personnellement, je découperais chaque item de mon menu (découper l'image en plusieurs images, chacune représentant un élément du menu) et j'appliquerais un hover sur chacun de tes items. Echo "Lima Mike Alfa";

Bah l'avantage de ça c'est justement qu'il y a qu'une seule image et que les navigateurs ont besoin de chargé que cette unique imge...

Je sais qu'il y a moyen, je me suis inspiré de plusieurs code source, le problème c'est que chez moi, ça fonctionne pas et j'arrive pas à savoir pourquoi u_u

Problème toujours pas résolu :s

Salut possible de voir le résultat en ligne sur ton site ?
Au moins comme ça on pourrait mieux comprendre et utiliser ton astuce.

Merci