Problème avec les tableaux

**kanzarih** · 07/11/2008, 18h00

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

**Jumano** · 07/11/2008, 18h18

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

**kanzarih** · 07/11/2008, 18h51

voila mon code :

index.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
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 :

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

**Jumano** · 07/11/2008, 21h55

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 :

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

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

Problème avec les tableaux

HTML

Vue hybride

Discussions similaires

Partager

Partager