changement de couleur d'un lien au survol d'une image
Bonjour, voilà je vais essayé d'être clair.
j' ai un menu qui permet de naviguer dans le site.
au survole de ces liens il change de couleur.
jusqu' à là tous va bien.
j'aimerai que lorsque que l'on survole les photos qui se trouve sur la page,(qui permettent elles aussi d'acceder à une page du site) que le lien correspondant du menu change de couleur au survole de cette image.
voilà une partie du code qui ne marche pas :
<div id="menu">
<table border="0" cellpadding="0" cellspacing="0" id="table">
<tr valign="top">
<td id="ici"><a href="index.php" >home</a> </td>
<td id="fashion"><a href="fashion.php">fashion</a></td>
<td><a href="beauty.php">beauty</a> </td>
<td><a href="portrait.php">portrait</a> </td>
<td ><a href="personal.php">personal work</a> </td>
<td><a href="contact.php">contact</a> </td>
</tr>
</table>
</div>
<table border=0 cellspacing=15 cellpadding=0 ><tr align=center><td><a href=fashion.php OnMouseOver=document.getElementById(fashion).style=document.getElementById(ici).style><img src=home/1/DSCN0168.jpg></a></td></tr></table>
pour la feuille de style :
#menu {
font-family: Helvetica;
font-size: 14px;
position: relative;
top: 10px;
}
td {
text-align: center;
margin: 0px;
padding: 0px 35px;
}
#table a:link {
text-decoration: none;
color: #333333;
}
#table a:visited{
color: #333333;
text-decoration: none;
}
#table a:hover {
color: #999999;
text-decoration: none;
}
#ici {
color: #999999;
text-decoration: none;
}
#ici a:link {
text-decoration: none;
color: #999999;
}
#ici a:visited{
color: #999999;
text-decoration: none;
}
cet effet est possible mais je n'ai auccune idée de la façons de mis prendre.
je suis partie en essayant avec du javascripte mais je suis ouvert a toutes les solutions
qui me permtrais de changer la couleur d'un lien du menu au survole d'une photo.
merci d'avance pour vos réponses