Salut salut,

Voilà j'essaye de réadapter un ancien design de XHTML vers HTML5 et je dois avouer que je suis pas un super grand spécialiste du HTML donc j'ai quelques difficultés

Voilà mon problème tiens en une image :


Comme vous le voyez, ma bannière (dans mon header) est séparé de mon menu (dans mon nav) par une bande blanche de 4 ou 5 pixels qui sort de je ne sais où.

Voici mon 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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="author" content="xxx">
    <link rel="shortcut icon" href="image/favicon.ico">
    <link rel="stylesheet" href="index.css">
    <title>Entreprise xxx - Acceuil</title>
  </head>
  <body>
    <header class="style1">
        <img alt="Bannière" src="image/banniere2.png">
    </header>
    <nav>
      <table width="288">
        <tbody>
          <tr>
            <td class="style3"><a href="index.htm"></a><br>
            </td>
          </tr>
          <tr>
            <td class="style4"><a href="tournee1.htm"></a><br>
            </td>
          </tr>
          <tr>
            <td class="style5"><a href="tournee2.htm"></a><br>
            </td>
          </tr>
          <tr>
            <td class="style6"><a href="prix.htm"></a><br>
            </td>
          </tr>
          <tr>
            <td class="style7"><a href="contact.htm"></a><br>
            </td>
          </tr>
        </tbody>
      </table>
    </nav>
  </body>
</html>
Et 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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
a {
	text-decoration: none;
}
table, tr, td {
	border-spacing: 0;
	border-collapse: collapse ;
	border: none;
	padding: 0;
}
.style1 {
	width: 100%;
	height: 185;
	text-align: left;
	background-repeat: repeat-x;
	background-image: url('image/repetition.png');
}
.style3 {
	height: 38px;
	width: 288px
	text-align: left;
	background-image: url('image/menu12%20copie.png');
	outline: none;
}
.style4 {
	height: 34px;
	width: 288px
	text-align: left;
	background-image: url('image/menu22%20copie.png');
	outline: none;
}
.style5 {
	height: 34px;
	width: 288px
	text-align: left;
	background-image: url('image/menu32%20copie.png');
	outline: none;
}
.style6 {
	height: 33px;
	width: 288px
	text-align: left;
	background-image: url('image/menu42%20copie.png');
	outline: none;
}
.style7 {
	height: 32px;
	width: 288px
	text-align: left;
	background-image: url('image/menu52%20copie.png');
	outline: none;
}
J'étais persuadé que cela venait de la bordure de mon tableau mais j'ai cherché sur internet comment l'enlever et malgré sa, sa ne fonctionne pas ...

Quelqu'un pourrait-t'il m'aider ?
Je vous remercie d'avance.