Discussion :

[debutanteVB.NET]

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

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

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
 
 
.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
Quelqu'un aurait il une piste?

Merci

[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

[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

[islyoung2]

Enleve le mot table de ta classe .prueba;

Code :

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

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

[debutanteVB.NET]

Quelle boulette
Merci beaucoup!

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

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
.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!