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

Version imprimable

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:

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

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:

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>

15/06/2006, 18h52
Sheriff
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:

...</table><table>...

au lieu de
Code:

1 2 ...</table> <table>...
j'ai pas testé, mais j'ai eu le même problème avec des images et il a été résolu pareil.
@+
16/06/2006, 09h19
falcon

Citation:

Envoyé par Kerod

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

Effectivement, sur l'exemple que j'ai donné ca n'a pas trop de sens ;)
Merci pour vos réponses c'est ce que je voulais!