[XHTML/CSS] Problème d'espaces entre tableaux

**falcon** · 15/06/2006, 17h38

Bonjour,

J'ai un petit problème au niveau CSS et HXTML sous mozilla Firefox. Quand je crée deux tableaux l'un à côté de l'autre, il me cret un espace je dirais d'un pixel entre les deux. J'ai bien essayé de modifier le margin, padding et border mais ca ne marche pas

Code Source:

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
 
HTML: 
 
<html>
	<head>
		<title>WebForm1</title>
		<link href="Styles.css" type="text/css" rel="stylesheet">
	</head>
<body>
 
<table  cellspacing="0" cellpadding="0" ><tr>
<td width="30px">Mon</td>
</tr></table>
<table  cellspacing="0" cellpadding="0" ><tr>
 
<td width="30px">Tue</td>
</tr></table>
<table  cellspacing="0" cellpadding="0" ><tr>
<td width="30px">Wed</td>
</tr></table>
<table  cellspacing="0" cellpadding="0" ><tr>
<td width="30px">Thu</td>
</tr></table>
<table  cellspacing="0" cellpadding="0" ><tr>
<td width="30px">Fri</td>
</tr></table>
<table  cellspacing="0" cellpadding="0" ><tr>
<td width="30px">Sat</td>
 
</tr></table>
<table  cellspacing="0" cellpadding="0" ><tr>
<td width="30px">Sun</td>
</tr></table>
 
</body>
</html>
 
CSS:
table
{
	display:inline;
	border-collapse:collapse;
	border:none;
	margin:auto;
	padding:auto;
 
 
}
 
td
{
border:1px solid black;
}

Merci par avance à ceux qui voudront bien m'aider!
Julien

Edit: Sous IE je n'ai pas de problème d'espace entre les tableaux

**Kerod** · 15/06/2006, 17h52

Une question "bête" pourquoi faire plusieurs tableaux alors que tu pourrais utiliser un seul et juste mettre des td ?

Mais ce que tu veux faire c'est ceci :

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
<html>
    <head>
        <title>WebForm1</title>
        <style type="text/css">
table
{
    float:left;
    border-collapse:collapse;
    border:none;
    margin:0;
    padding:0;
 
 
}
 
td
{
border:1px solid black;
 
}</style>
    </head>
<body>
 
<table cellspacing="0" cellpadding="0" ><tr><td width="30px">Mon</td></tr></table>
<table cellspacing="0" cellpadding="0" ><tr><td width="30px">Tue</td></tr></table>
<table cellspacing="0" cellpadding="0" ><tr><td width="30px">Wed</td></tr></table>
<table cellspacing="0" cellpadding="0" ><tr><td width="30px">Thu</td></tr></table>
<table cellspacing="0" cellpadding="0" ><tr><td width="30px">Fri</td></tr></table>
<table cellspacing="0" cellpadding="0" ><tr><td width="30px">Sat</td></tr></table>
<table cellspacing="0" cellpadding="0" ><tr><td width="30px">Sun</td></tr></table>
 
</body>
</html>

**Sheriff** · 15/06/2006, 19h52

salut !
kerod a parfaitement raison...
mais si tu t'obstines à garder ta structure faudrait essayer de supprimer les sauts de ligne et les espaces entre tes balises table :

Code :

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