Dans mon menu je souhaiterai que lorsqu´on survole mon image clickable l´image change.
Le plus simple serait de trouver la propriete CSS qui permet d´inserer une image.
J´ai essayé avec background image mais l´image s´affiche 4 fois.

<a href="ton lien"
onmouseover="survole.src=´src de la deuxième image´"
onmouseout="survole.src=´url de ta premiere image´">
<img src="src de ton img" name="survole" alt="">
</a>

ca ne marche pas

si, prends ce code la car jv.com replace les ´

http://simmstein.be/projet/index.php?cat=wall&amp;id=24

Effecivement ca marche
beaucoup

un beau casse tête les rollovers, surtout avec Dreamweaver :gonflant:

quand on fait un copier coller, et quon veut mettre un nouveau rollover, il en copie une partie et la place en place milieu du même enfin de compte, et videmennt, sa ne marche pas.
Pareil, si je fais un copier/coller de la ligne (partie haut de dream) je suis sûr à 100pour cent que sa va paas marcher!
la grosse galère pffff, j´en fais plus!

il suffit de changer le nom de l´image (il c´est survole) et le tour est joué

Pourtant ça donne un certain style je trouve, plus particulièrement pour les liens. Si on tape tout sois-même sans commencer à faire des C/C intenpestifs, ya pas de problème.

ouais mais avec Dreamweaver, quand je tappe tout moi même, sa ne marche pas, je suis obligé de passer par le mode création...

c´est parceque tu ne tapes les bonnes choses ^^

Désolé du up mais ça évite de faire un autre topic ^^

Donc moi j´aimertais aussi changer d´image au survol de la souris, mais peut-on le faire en CSS ?

Voici les codes que j´ai mis, mais ça ne marche pas :

HTML
<div id="menu">
<img class="news" src="menu.png" alt="Menu" />

CSS
.news:hover
{
background-image: "menu2.png"
}

j´ai fais ça de tête, donc non vérifié :

HTML
<div id="menu">
<div id="news"></div>
...
...
</div>

CSS

1. news

{
width: 10px; // attention à bien spécifier la
height: 10px; // largeur et la hauteur de l´image
background: url(menu.png) :no-repeat;
}

1. news:hover

{
background: url(menu2.png) no-repeat;
}

• • correctif ***

background: url(menu.png) no-repeat;

Merci beaucoup ça marche !

Ya juste à la ligne là :
background: url(menu.png) :no-repeat;

Si on enlevait pas les ":" ça marchait pas.

Normal, parce que le : n´a rien à faire là, c´est une faute de frappe. Mais mon dernier post le disait :ok

Ah, je croyais que tu parlais de la ligne d´avant.
En tout cas merci pour ton aide !

:hover ne fonctionne que sur les liens <a>
ca marche sous firefox, mais pas IE

Si ! Si tu utilise le petit code javascript qui va bien