Je fait un site avec un desgin spécial sur les bouton du menu.

Et j'ai fait 2 png pour les boutons a mettre au dessus d'un fond.


Voila ce que j'ai mit dans le code css pour le premier bouton



Et le code html qui va avec c'est mieux.



Bon la page qui est en lien c'est en attendant que j'ai réussi a faire un meilleur design pour les curieux qui aurait étaient voir.

Donc maintenant le problème que j'ai, c'est quand je survole le lien, il mette l'image Bouton1hover.png

Je suppose que je doit mettre ca dans une propriété css

Mais quoi mettre exactement, sachant que le png hover est dans le meme dossier que le bouton "de base".

J'espère que j'ai était clair et surtout qu'il y'avait pas deja un topic dessus, dans ce cas je m'en excuse mais je l'ai pas trouvé et si c'est le cas je veut bien le lien

Tu change le background ?

En fait pour le moment j'ai mit un background sur toute mes balises pour avoir une image de fond et pour le moment ca donne ca: Home

Non la on voit pas le bouton car j'ai pas encore le bouton car j'ai toujours pas mit en ligne, j'attends d'avoir fini le design.

Et en fait il y'a un bloc tout en haut pour la bannière et a gauche il y'a 8 ou 9 bouton (petit trou de memoire) et je désire mettre sur le tout premier (faut bien un exemple) cette image enfin ca j'y suis arrivé.

Ce que je voudrait maintenant c'est mettre celui ci en survol

Et le fond c'est celui la

Un petit Javascript peut-être ? http://www.editeurjavascript.com/scripts/scripts_images_1_52.php

Il n'y a pas moyen d'avoir ca en xhtml et css?

J'ai pas encore les bases requises pour mettre ca en application et je voudrai bien savoir comment ca marche en fait.

Enfin si y'a pas moyen je ferai avec.

Chouette ca marche nickel, pile poil ce que je voulais!!!!

Histoire que je comprenne un peu mieux est ce que tu pourrais m'expliquer une partie du code css, a savoir celui-ci:




Ca sert a quoi de la passer en bloc en fait?

(J'aurais jamais penser a faire ca d'ailleurs )

En fait je demande au lien de ce comporter comme un block, c'est ce qui nous permet de faire le rollover sur n'importe quelle partie de l'image. si on avait pas spécifier cela le rollover n'aurait pas fonctionner puisque la partie sur laquelle cliquer (le texte du lien), n'existe pas.

c'est pas facile à expliquer lol j'espère que tu as compris

Citation : Fieldset

#bouton1
{
width: 154px;
height: 69px;

background: url("Bouton1.jpg") no-repeat;

position: fixed;
top: 69px;
left: 0px;
}
#bouton1 a
{
width: 154px;
height: 69px;

background: url("Bouton1.png") no-repeat;

display: block;
margin: 0px;
}
#bouton1 a:hover
{
background: url("Bouton1hover.png") no-repeat;
}

<div id="bouton1">
<a href="http://taylix.chez-alice.fr/index.html"></a>
</div>

L'intérêt est de pouvoir tout de même surfer sur un navigateur texte ou autre navigateurs vocaux..
Bisous