28173 sujets

CSS et mise en forme, CSS3

Bonjour,

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 Smiley confus .

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">&nbsp;</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)
Smiley biggrin Smiley biggrin j'ai trouvé !

voilà la ligne qui n'allait pas :
<table id="arbre_arbre1" class="arbre" >

    <tbody></tbody>

    <tbody></tbody>


voilà par quoi il faut remplacer :
<table id="arbre_arbre1" class="arbre" >

    <tbody style="display:none"></tbody>

    <tbody style="display:none"></tbody>



un grand merci à ... moi même ! lol Smiley hippy