Bonjour,
je voudrais faire un équivalent de
j'ai vu quelque part que je pouvais faire ça avec border-collapse et border-spacing.
J'ai donc fait un exemple avec 2 tableaux et ça marche avec l'un mais pas avec l'autre .
voici mon code :
quelqu'un saurait me dire pourquoi ?
merci d'avance
PoichOU
Modifié par PoichOU (15 Jun 2007 - 10:13)
je voudrais faire un équivalent de
<table cellpadding="0" cellspacing="0" border="1"></table>
j'ai vu quelque part que je pouvais faire ça avec border-collapse et border-spacing.
J'ai donc fait un exemple avec 2 tableaux et ça marche avec l'un mais pas avec l'autre .
voici mon code :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Exemple</title>
<style type="text/css">
table.arbre,table#en_tete
{
border-spacing : 0px;
width : 100%;
border-collapse:collapse;
}
table.arbre,table#en_tete td
{
border :1px solid black;
}
</style>
</head>
<body onload="">
<table id="en_tete" >
<thead>
<tr>
<td colspan="5" width="400px">Libe</td>
<td colspan="2">R</td>
<td colspan="2">V</td>
</tr>
<tr>
<td colspan="5"> </td>
<td class="r_ca_p">CA P</td>
<td class="r_ca_r">CA R</td>
<td class="vendu_ca_ppht">CA P</td>
<td class="vendu_ca_remise">CA R</td>
</tr>
</thead>
</table>
<div id="arbre1">
<table id="arbre_arbre1" class="arbre" >
<tbody></tbody>
<tbody></tbody>
<tbody class="tbody_niveau_1" id="1LI">
<tr class="ligne_niveau_1">
<td width="400px" id="styleId_libelle_niveau_1" class="libelle" colspan="5"><a href="#"><img alt="" style="height: 18px; width: 18px;" src="arbre/plus.gif"></a>libelle 1LI</td>
<td class="valeurs_2" id="styleId_valeurs_2_niveau_1">1000</td>
<td class="valeurs_3" id="styleId_valeurs_3_niveau_1">2000</td>
<td class="valeurs_4" id="styleId_valeurs_4_niveau_1">3000</td>
<td class="valeurs_5" id="styleId_valeurs_5_niveau_1">4000</td>
</tr>
</tbody>
<tbody class="tbody_niveau_1" id="2LI">
<tr class="ligne_niveau_1">
<td id="styleId_libelle_niveau_1" class="libelle" colspan="5"><a href="#"><img alt="" style="height: 18px; width: 18px;" src="arbre/plus.gif"></a>libelle 2LI</td>
<td class="valeurs_2" id="styleId_valeurs_2_niveau_1">1002</td>
<td class="valeurs_3" id="styleId_valeurs_3_niveau_1">2002</td>
<td class="valeurs_4" id="styleId_valeurs_4_niveau_1">3002</td>
<td class="valeurs_5" id="styleId_valeurs_5_niveau_1">4002</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
quelqu'un saurait me dire pourquoi ?
merci d'avance
PoichOU
Modifié par PoichOU (15 Jun 2007 - 10:13)