[HTML] Problème de tableau sous Internet Explorer

Version imprimable

Bonjour,

J'ai créer un document HTML qui comporte une image découpée et affiché dans un tableau afin de pouvoir faire des liens sur différentes parties de l'image.
Sous Firefox je n'ai aucun problème, par contre sous internet explorer je me retrouve avec un espace horizontal entre les lignes du tableau.
J'ai essayé beaucoup de solution pour les enlever mais sans résultat.
J'espère que vous pourrez m'aider. Merci.

Code:

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<HTML>
	<head>
		<style type="text/css">
                        a:link{text-decoration:none;}
                        a img{border:none; display: block;}
                        table{border-collapse: collapse;}                       
                </style>
	</head>
	<body>
	<div align="center">
		<img SRC="../emailing/partie1.jpg">
		<table cellpadding=0 cellspacing=0 border=0>
			<tr>
				<td>
					<a href="http://www.polenucleairebourgogne.fr" target="_blank">
					<img  SRC="../emailing/polenucleaire.jpg">
				</td>
				<td rowspan=8>
					<img  SRC="../emailing/partie2-2.jpg">
				</td>
			</tr>
			<tr>
				<td>
					<a href="http://www.elanchalon.com" target="_blank">
					<img SRC="../emailing/elan.jpg">
				</td>
			</tr>
			<tr>
				<td>
					<a href="http://www.lecharlemagne.fr" target="_blank">
					<img SRC="../emailing/charlemagne.jpg">
				</td>
			</tr>
			<tr>
				<td>
					<a href="http://www.cmd-bourgogne.fr" target="_blank">
					<img SRC="../emailing/cmd.jpg">
				</td>
			</tr>
			<tr>
				<td>
					<a href="http://www.le-saintgeorges.fr" target="_blank">
					<img SRC="../emailing/saintgeorges.jpg">
				</td>
			</tr>
			<tr>
				<td>
					<a href="http://www.musicaves.fr" target="_blank">
					<img SRC="../emailing/musicaves.jpg">
				</td>
			</tr>
			<tr>
				<td>
					<a href="http://www.givry.com" target="_blank">
					<img SRC="../emailing/givry.jpg">
				</td>
			</tr>
			<tr>
				<td>
					<a href="http://www.bourgogne-copie.fr" target="_blank">
					<img SRC="../emailing/bourgogne.jpg">
				</td>
			</tr>
		</table>
		<table cellpadding=0 cellspacing=0 border=0>
			<tr>
				<td>
					<img SRC="../emailing/partie3.jpg">
				</td>
			</tr>
			<tr>
				<td>
					<a href="http://www.studiochaperonrouge.fr" target="_blank">
					<img SRC="../emailing/partie4.jpg">
				</td>
			</tr>
		</table>
	</Div>
	</Body>
</HTML>

10/04/2008, 17h15
Erwan31

Bonjour,
commence par passer en mode presque standard avec un doctype en haut de ton document. Là tu es en mode Quirks, c-à-d un mode de rendu non standard
qui favorise des comportement hétérogènes entres navigateurs...

Ajouter cela en haut de ton doc

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Ensuite fermes tes liens.

PS: tu dois indiquer la version d'IE
10/04/2008, 17h23
BBeus

Ok, merci.

J'ai rajouté tout ce que tu m'as dit, mais cela ne change pas le problème.
:cry:

P.S: J'utilise Internet Explorer 6
10/04/2008, 17h30
Erwan31

Si tes images sont en display:block c'est assez étrange.
Ce problème ne devrait pas apparaitre sur IE6 avec le code que tu as donné.

Pourrais tu mettre la page en ligne?
10/04/2008, 17h36
dreeve

J'ai le même problème avec IE6, par contre avec IE7 c'est nickel comme firefox.
11/04/2008, 09h14
BBeus

Oué,

J'ai essayé sous Safari, Internet Explorer 7, Opéra et Firefox il n'y a aucun problème.
C'est juste avec Internet Explorer 6.
Donc bon...

Merci quand même.
11/04/2008, 11h43
Auteur
IE prend en compte le retour à la ligne qu'il y a dans ton code HTML après la balise img ce qui explique cet espace sous l'image.

Mets le contenu du td sur une même ligne :
Code:

1 2 <td><a href="http://www.studiochaperonrouge.fr" target="_blank"><img SRC="../emailing/partie4.jpg"></a></td>
et attention il manque des balises </a> fermantes !!!

ou applique la propriété vertical-align sur les td
Code:

1 2 3 4 td{ vertical-align: bottom; }
11/04/2008, 15h52
BBeus

Oui!!
Merci c'était sa, il suffisait d'aligner sur la même ligne de <td> à </td>.
Merci beaucoup.