Problème avec les tableaux

Version imprimable

07/11/2008, 18h00
kanzarih

Problème avec les tableaux

Salut a tous
Je veut coller 2 tableaux qui contiennes des images mais entre les deux tableux il y a un espace que je n'arrive pas à éliminer.
j'ai éliminer les " " et j'ai bien spécifier les "border", "margin", "padding" a zero, mais rien toujours j'ai l'espace entre les tableaux qui gênes l'affichage des images.

merci pour l'aide ;)
07/11/2008, 18h18
Jumano

Bonjour,
Peux tu nous montrer ton code ... ou un lien ;)

voila mon code :

index.html

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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<table  class="tab" cellpadding="0" cellspacing="0" >
  <tr>
	<td valign="top" height="137" >
 
								<table  cellspacing="0"  class="tab_header" ellpadding="0">
								  <tr>
									<td class="header_top">&nbsp;</td>
								  </tr>
								  <tr>
									<td class="header_f">&nbsp;</td>
								  </tr>
								  <tr>
									<td class="header_bar_bottom">&nbsp;</td>
								  </tr>
								</table>
 
 
	</td>
  </tr>
  <tr>
	<td valign="top">
 
									<table class="container" cellpadding="O" cellspacing="0">
									  <tr>
										<td class="container_left">&nbsp;</td>
										<td>
 
 
																		<table class="container"  cellpadding="O" cellspacing="0">
																		  <tr>
																			<td>
 
 
<table class="slide_show" cellpadding="O" cellspacing="0">
  <tr>
	<td height="55">
 
			<table class="slide_show_header" cellpadding="O" cellspacing="0"  hspace="0" vspace="0">
			  <tr>
				<td class="slide_show_header_left" align="right" style="margin-right:0px;"></td>
				<td class="slide_show_header_middle"></td>
				<td class="slide_show_header_right"></td>
			  </tr>
			</table>
 
 
	</td>
  </tr>
  <tr>
	<td height="320">
 
				<table class="slide_show_header" cellpadding="O" cellspacing="0" height="100%" hspace="0" vspace="0">
				  <tr>
					<td class="slide_show_margin_left"></td>
					<td></td>
					<td class="slide_show_margin_right"></td>
				  </tr>
				</table>
 
 
	</td>
  </tr>
  <tr>
	<td height="25">
 
					<table class="slide_show_header" cellpadding="O" cellspacing="0"  hspace="0" vspace="0">
					  <tr>
						<td class="slide_show_bottom_left"></td>
						<td class="slide_show_bottom_middle"></td>
						<td class="slide_show_bottom_right"></td>
					  </tr>
					</table>
 
 
	</td>
  </tr>
</table>
 
 
 
																			</td>
																		  </tr>
																		  <tr>
																			<td>&nbsp;</td>
																		  </tr>
																		</table>
 
 
 
										</td>
										<td class="container_right">&nbsp;</td>
									  </tr>
									</table>
 
 
	</td>
  </tr>
  <tr>
	<td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

main.css

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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
 
 
@charset "utf-8";
/* CSS Document */
 
body{
background-image:url(bg.png);
border:0px;
padding:0px;
margin:0px;
 
}
 
.tab{
width:100%;
height:500px;
vertical-align:top;
border:0px;
padding:0px;
margin:0px;
}
 
.header_top{
background-image:url(top-bar.png);
background-repeat:repeat-x;
height:32px;
}
 
 
.tab_header{
width:100%;
border:0px;
padding:0px;
margin:0px;
}
 
 
 
.header_f{
background-image:url(header-bar.png);
background-repeat:repeat-x;
height:100px;
}
 
.header_bar_bottom{
background-image:url(header-bar-bottom.png);
background-repeat:repeat-x;
height:5px;
}
 
.container{
border:0px;
margin:0px;
padding:0px;
width:100%;
height:400px;
}
 
.container_left{
width:100px;
}
 
.container_right{
width:100px;
}
 
.slide_show{
border:0px;
margin:0px;
padding:0px;
width:100%;
height:400px;
}
 
 
.slide_show_header{
padding:Opx;
margin:0px;
border:0px;
border-collapse:collapse;
width:100%;
 
}
 
 
.slide_show_header_left{
background-image:url(showcase-tl.png);
background-repeat:no-repeat;
width:25px;
height:55px;
background-position:right;
}
.slide_show_header_right{
background-image:url(showcase-tr.png);
background-repeat:no-repeat;
width:25px;
height:55px;
background-position:left;
}
 
.slide_show_header_middle{
background-image:url(showcase-tm.png);
background-repeat:repeat-x;
height:55px;
}
 
 
.slide_show_bottom_left{
background-image:url(showcase-bl.png);
background-repeat:no-repeat;
background-position:right;
width:25px;
height:25px;
}
 
.slide_show_bottom_right{
background-image:url(showcase-br.png);
background-repeat:no-repeat;
background-position:left;
width:25px;
height:25px;
}
 
.slide_show_bottom_middle{
background-image:url(showcase-bm.png);
background-repeat:repeat-x;
height:25px;
}
 
.slide_show_margin_left{
background-image:url(showcase-l.png);
background-repeat:repeat-y;
background-position:right;
width:13px;
}
 
.slide_show_margin_right{
background-image:url(showcase-r.png);
background-repeat:repeat-y;
background-position:left;
width:13px;
}

Re,
J'ai modifié ton code en enlevant quelques <table> en trop qui provoquaient des espaces (sous FF mais pas sous IE) entre tes divers <table> :

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
<body>
<table border="0" cellpadding="0" cellspacing="0" class="tab">
  <tr>
    <td>
    	<table border="0" cellpadding="0" cellspacing="0" class="tab_header">
			<tr>
				<td class="header_top">&nbsp;</td>
			</tr>
			<tr>
				<td class="header_f">&nbsp;</td>
			</tr>
			<tr>
				<td class="header_bar_bottom">&nbsp;</td>
			</tr>
		</table>
    </td>
  </tr>
  <tr>
    <td>
    	<table border="0" cellspacing="0" cellpadding="0" class="container">
  			<tr>
    			<td class="container_left">&nbsp;</td>
    			<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
  			<tr>
    			<td>
    				<table height="55" class="slide_show_header" cellpadding="O" cellspacing="0">
		  			<tr>
					<td class="slide_show_header_left"></td>
					<td class="slide_show_header_middle"></td>
					<td class="slide_show_header_right"></td>
		  			</tr>
					</table>
				</td>
  			</tr>
  			<tr>
    			<td>
    				<table class="slide_show_header" cellpadding="O" cellspacing="0" height="320">
		  				<tr>
						<td class="slide_show_margin_left"></td>
						<td></td>
						<td class="slide_show_margin_right"></td>
	  				  </tr>
					</table>
    			</td>
  			</tr>
  			<tr>
    			<td>
    				<table class="slide_show_header" cellpadding="O" cellspacing="0" height="25">
		  			<tr>
					<td class="slide_show_bottom_left"></td>
					<td class="slide_show_bottom_middle"></td>
					<td class="slide_show_bottom_right"></td>
		  			</tr>
					</table>
				</td>
  			</tr>
  			<tr>
  				<td>&nbsp;</td>
  			</tr>
		 </table>
	  </td>
      <td class="container_right">&nbsp;</td>
   </tr>
  </table>
  </td>
  </tr>
  <tr>
	<td>&nbsp;</td>
  </tr>
</table>
</body>

Ton code CSS :

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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
@charset "utf-8";
/* CSS Document */
 
body{
background-image:url(bg.png);
margin:0px;
}
 
.tab{
width:100%;
height:500px;
vertical-align:top;
}
 
.header_top{
background-image:url(top-bar.png);
background-repeat:repeat-x;
height:32px;
}
 
.tab_header{
width:100%;
}
 
.header_f{
background-image:url(header-bar.png);
background-repeat:repeat-x;
height:100px;
}
 
.header_bar_bottom{
background-image:url(header-bar-bottom.png);
background-repeat:repeat-x;
height:5px;
}
 
.container{
width:100%;
height:400px;
}
 
.container_left{
width:100px;
}
 
.container_right{
width:100px;
}
 
.slide_show{
width:100%;
height:400px;
}
 
 
.slide_show_header{
border-collapse:collapse;
width:100%;
}
 
.slide_show_header_left{
background-image:url(showcase-tl.png);
background-repeat:no-repeat;
width:25px;
height:55px;
background-position:right;
}
 
.slide_show_header_right{
background-image:url(showcase-tr.png);
background-repeat:no-repeat;
width:25px;
height:55px;
background-position:left;
}
 
.slide_show_header_middle{
background-image:url(showcase-tm.png);
background-repeat:repeat-x;
height:55px;
}
 
.slide_show_bottom_left{
background-image:url(showcase-bl.png);
background-repeat:no-repeat;
background-position:right;
width:25px;
height:25px;
}
 
.slide_show_bottom_right{
background-image:url(showcase-br.png);
background-repeat:no-repeat;
background-position:left;
width:25px;
height:25px;
}
 
.slide_show_bottom_middle{
background-image:url(showcase-bm.png);
background-repeat:repeat-x;
height:25px;
}
 
.slide_show_margin_left{
background-image:url(showcase-l.png);
background-repeat:repeat-y;
background-position:right;
width:13px;
}
 
.slide_show_margin_right{
background-image:url(showcase-r.png);
background-repeat:repeat-y;
background-position:left;
width:13px;
}