[HTML] Problème de tableau sous Internet Explorer

**BBeus** · 10/04/2008, 16h45

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 :

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
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>

**Erwan31** · 10/04/2008, 17h15

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 :

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

<!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

**BBeus** · 10/04/2008, 17h23

Ok, merci.

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

P.S: J'utilise Internet Explorer 6

**Erwan31** · 10/04/2008, 17h30

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?

**dreeve** · 10/04/2008, 17h36

J'ai le même problème avec IE6, par contre avec IE7 c'est nickel comme firefox.

**BBeus** · 11/04/2008, 09h14

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.

**Auteur** · 11/04/2008, 11h43

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 html :

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

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 css :

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

1
2
3
4
 
td{
  vertical-align: bottom; 
}

[HTML] Problème de tableau sous Internet Explorer

HTML

Vue hybride

Discussions similaires

Partager

Partager