Css d'un tableau

Version imprimable

Css d'un tableau

Bonjour,
J'ai un soucis avec la mise en place d'un tableau.
Voici le tableau d'origine dans le site:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<table width="90%" border="1" cellpadding="1" cellspacing="0" bordercolor="#BFDFFF">
	<tr>
		<th bgcolor="#FFFFFF" width="5%"><strong><font color="#0066CC" size="1" face="Verdana, Arial, Helvetica, sans-serif">A</font></strong>
		</th>
		<th bgcolor="#FFFFFF" width="5%"><strong><font color="#0066CC" size="1" face="Verdana, Arial, Helvetica, sans-serif">B</font></strong>
		</th>
 
	</tr>
	<tr>
		<td align="left" valign="middle" bgcolor="<?=$bgcolor?>"><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
		AA
		</font>
		</td>
		<td align="left" valign="middle" bgcolor="<?=$bgcolor?>"><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
		BB
		</font>
		</td>	
	</tr>
</table>

Comme j'ai plusieurs tableaux du même genre, je souhaite faire un 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
 
 
.prueba table{
width:90%;
border:1px solid red;
border-spacing: 1px; 
border-collapse: collapse; 
}
.prueba th{
background-color:#FFFFFF;
font-weight: bold;
color: #0066CC;
size:1;
font:Arial, Helvetica, sans-serif;
}
.prueba td{
background-color:#C8F9CB;
size:1;
font:Arial, Helvetica, sans-serif;
vertical-align:middle;
text-align:left;
}
 
<table class="prueba" >
	<tr>
		<th width="5%">A
		</th>
		<th width="5%">B
		</th>
	</tr>
	<tr>
		<td>
		AA
		</td>
		<td>
		BB
		</td>	
	</tr>
</table>

Il ne doit pas me manquer grand chose, le problème est qu'entre mes cases, j'ai un espace au lieu d'avoir ma couleur bleu(BFDFFF). J'ai testé tous types de border-spacing,border-collapse etc mais je n'arrive pas :oops:
Quelqu'un aurait il une piste?

Merci

05/01/2009, 12h00
islyoung2

Heuuuuh :
- ce n'est pas le bon endroit pour poster ton problème.
- deuxièmement ajoute à tes tableau cellpadding="0" et cellspacing="0" .
j'espère que sa t'aideras sinon merci de bien détailler ton problème ;)
05/01/2009, 12h51
debutanteVB.NET

Merci d'avoir déplacé le post :)

Le problème est justement là je crois.
J'ai cru comprendre que le cellspacing=1 doit être remplacé en css par
border-spacing: 1px; border-collapse: collapse;
mais ici ça ne marche pas.

Je vois pas comment le détailler plus, en transformant en css je n'obtiens pas le même résultat...

Merci encore

Enleve le mot table de ta classe .prueba;

Code:

1
2
3
4
5
6
7
8
 
.prueba
{
width:90%;
border:1px solid red;
border-spacing: 0px; 
border-collapse: collapse; 
}

Quelle boulette :roll:
Merci beaucoup!

Sans le table et avec le border dans le th et td ça marche niquel

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.prueba{
width:90%;
border: 1px solid #BFDFFF;
border-spacing: 1px; 
border-collapse: collapse; 
}
.prueba th{
background-color:#FFFFFF;
font-weight: bold;
color: #0066CC;
size:1;
font:Arial, Helvetica, sans-serif;
border: 2px solid #BFDFFF;
}
.prueba td{
background-color:#C8F9CB;
size:1;
font:Arial, Helvetica, sans-serif;
vertical-align:middle;
text-align:left;
border: 2px solid #BFDFFF;
}

Merci!