menu HTML CSS

ValJojo
Invité n'ayant pas de compte PHPfrance

04 avr. 2013, 14:20

Bonjour,

Je debute en HTML5 et CSS et dans le cadre d'un cours je dois faire un petit site en HTML 5 avec CSS.
Je voudrais faire un menu comme on peut trouver souvent sur des site:
j'ai créé un tableau avec dans chaque cellule un mot de mon menu. Je voudrais que lorsque l'on passe avec la souris sur un mot, uniquement la cellule d'en dessous (2nd TR) change de couleur pour donner l'impression que le mot est "souligné". J'ai réussi a changer la couleur de fond de la cellule où se trouve le mot mais pas celle d'en dessous. Peut etre que je dois utiliser du javascript, je ne sais pas du tout.
Voici la structure de mon tableau:
<table class=menu cellspacing="0" >
<tr >
<td width="210" align="center" valign="middle"><a href="index.html"> Home </a></td>
<td width="40" align="center" > | </td>
<td width="210" align="center" valign="middle"> Experience </td>
<td width="40" align="center" > | </td>
<td width="210" align="center" valign="middle"> Formation </td>
<td width="40" align="center" > | </td>
<td width="210" align="center" valign="middle"> Contact </td>
<td width="40" align="center" > | </td>
</tr>
<tr >
<td width="210"></td>
<td width="40"></td>
<td width="210"></td>
<td width="40"></td>
<td width="210"></td>
<td width="40"></td>
<td width="210"></td>
<td width="40"></td>
</tr>
</table>

j'espere que mes explications sont claires.

merci beaucoup pour votre aide

Valerie

Mammouth du PHP | 571 Messages

04 avr. 2013, 22:23

salut,

faire un menu à l'aide d'un tableau c'est tout ce qui ne faut jamais faire parce qu'un tableau n'est pas prévu pour ça.
En revanche l'effet dont tu recherches s'appelle le rollover c-a-d le survol de la souris sur un élément déclenche un changement d'aspect sur ce dernier .
L'effet rollover:
http://css.mammouthland.net/rollover-ps ... -hover.php

comment faire un menu:
http://www.alsacreations.com/tuto/lire/ ... n-CSS.html