CSS : rollover d'une image plus grande que la zone lien

[e-kiwi]

Bonjour,

jai un div avec une image background de 500px * 40px
dans ce div, j'ai 5 li de 80px*20px cote à cote

et je cherche en css à ce que, au passage de la souris sur un des liens, l'image background de 500*40px change
(je peux modifier le code HTML, j'ai expliqué comme ça pour que l'on imagine le rendu graphique

et je bloque

quelqu'un à une idée ? les tutoriaux alsa et Cie ne m'aide pas trop pour ça

[birkoss]

Si ton div est genre :

<div id="menu" style="background-....">

Un peu de javascript sur tes liens :

<a onClick="javascript:change_background('image.gif');" ...>

Et dans le javascript :

function change_background(image)
{
document.getElementById('menu').style.backgroundImage = image;
}

Ou bien p-e j'ai mal compris ta question ...

[e-kiwi]

c'etait sans js ma question

[madx]

<a href="javascript:;" onMouseOver="parent.document.getElementById('ton-div').className = 'taclass2'">test</a>

[e-kiwi]

le monsieur dit "sans js"
(nb : ce n'est pas "parent" dans la solution donnée )

[Fluidex]

Bonjour,

En CSS, tu ne peux modifier au survol d'un élément que :
- lui même
- un élément frère
- un descendant

En aucun cas tu ne pourras modifier l'un des ancêtres.