Discussion :

[L0007]

Bonjour,

Je ne suis pas un spécialiste en CSS et je me perds encore quelquefois.

J'ai une

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

DIV id = "nav"

Dans cette div, j'ai une table qui comporte des liens

J'aimerais qu'au survol de la souris toutes mes cellules prennent un couleur plus claire.

J'ai essayé la chose suivante mais ça ne fonctionne pas.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
#nav table tr td a:hover{
	background-color: #4169e1;
}

Voici mon code CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
 
a{
	color: White;
	font-weight: bold;
}
 
a:hover{
	color: White;
	font-weight: bold;
	font-style: italic;
}
 
#nav {
	background-color: #0000FF;
	/*background: url("pictures/navbg.gif") repeat-x left top;*/
   height:220px;
   padding-top:0px;
   margin  :0px;
	color : White;
	/*clear: both;*/
}
 
#nav table tr td a:hover{
	background-color: #4169e1;
}

et le code html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<div id="nav">
 
<table border="0">
  <tbody>
    <tr>
      <td><a href="index.php?section=accueil">Accueil</a></td>
      <td><a href="index.php?section=equipe">&Eacute;quipe</a></td>
      <td><a href="index.php?section=cours">Cours</a></td>
      <td><a href="index.php?section=under_construction">Projets</a></td>
      <td><a href="index.php?section=documents">Documents</a></td>
      <td><a href="index.php?section=under_construction">Contacts</a></td>
      <td><a href="index.php?section=liens">Liens</a></td>
      <td><a href="index.php?section=under_construction">Partenaires</a></td>
    </tr>
    <tr>
      <td>
        <a href="index.php?section=accueil" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('btn_5','','pictures/accueil.gif',1)">
          <img src="pictures/accueil_h.gif" alt="Accueil" width="123" height="193" name="btn_5" id="btn_5" />
        </a>
      </td>
....

Quelqu'un peut-il m'aider?

Merci beaucoup

[L0007]

En fait, ça fonctionne.

Mais le problème est que ce n'est que l'arrière de mon texte qui change de couleur.

Hors ici, j'aimerais que ce soit l'arrière de ma cellule qui change de couleur

J'ai fait le test suivant pour vérifier que je travaillais bien sur la bonne propriété de ma cellule

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
#test{
 background-color: #4169e1;
}
----------------------------------
 <td id="test"><a href="index.php?section=accueil">Accueil</a></td>

Avec ce code, j'ai bien l'arrière de ma cellule qui se remplit.

Quelqu'un voit-il une solution?