menu HTML CSS

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : menu HTML CSS

Re: menu HTML CSS

par yann18 » 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

menu HTML CSS

par ValJojo » 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