tableau et arrondi

[emc2]

bonsoir,
Je viens soumettre un problème que je ne parviens pas à résoudre:
Je souhaite mettre dans une page HTML un tableau permettant de résumer les données en cours de mon rpg. Seulement, lorsque je mets mon css pour l'encadrement de ce tableau, les coins arrondis de mon forum disparaissent. Je me retrouve avec des encadrements à angles droits, ce qui est absolumenet hideux. Comment puis-je à la fois conserver l'arrondi des blocs de mon forum et définir dans mon css mes tableaux en html.
mon css:

Code:

table
{
    border-collapse: collapse;
}
td, th /* Mettre une bordure sur les td ET les th */
{
    border: 1px solid black;
}


mon tableau en html:

Code:

<font style="color:#b8b885;" size="2">
<table>
  <caption>Encours des navires</caption>

  <tr>
      <th>Noms des navires -></th>
      <th>Hold King</th>
      <th>Le Sedov</th>
      <th>Recouvrance</th>
      <th>La Flore</th>
      <th>Le Clovis</th>
      <th>Le Nicéa</th>
      <th>Le rêveur</th>
      <th>Confiance</th>
      <th>exemple</th>
      <th>Libre</th>
      <th>Libre</th>
  </tr>
  <tr>
      <td>Position</td>
      <td>000-000</td>
      <td>000-000</td>
      <td>000-000</td>
      <td>000-000</td>
      <td>000-000</td>
      <td>000-000</td>
      <td>000-000</td>
      <td>000-000</td>
      <td>000-000</td>
      <td>000-000</td>
      <td>000-000</td>
  </tr>
  <tr>
      <td>Direction</td>
      <td>N-S</td>
      <td>S-N</td>
      <td>E-O</td>
      <td>O-E</td>
      <td>S-N</td>
      <td>S-N</td>
      <td>S-N</td>
      <td>S-N</td>
      <td>S-N</td>
      <td>S-N</td>
      <td>S-N</td>
  </tr>
<tr>
      <td>Equipage</td>
      <td>65</td>
      <td>52</td>
      <td>47</td>
      <td>69</td>
      <td>55</td>
      <td>52</td>
      <td>48</td>
      <td>80</td>
      <td>0</td>
      <td>0</td>
      <td>0</td>
  </tr>

si je mets le css, les arrondis du forums n'existent plus, si je ne mets pas le css, c'est mon tableau qui n'a plus d'encadrement.
Si l'on me trouve une solution, je vous remercie par avance.

[Scoubifitz]

bonjour,

remplacez votre code par celui ci :

Code:

<style type="text/css">
<!--
#position
{
border-collapse: collapse;
margin:auto;
text-align:center;
color:#b8b885;
}
#position td
{
border: 1px solid #b8b885;
color:#b8b885;
}
#position th
{
border: 1px solid black;
color:black;
background-color:#b8b885;
}
body{
background-color:black;
}
-->
</style>
<table id="position" cellpadding="4">
<caption>Encours des navires</caption>

<tr>
  <th>Noms des navires -></th>
  <th>Hold King</th>
  <th>Le Sedov</th>
  <th>Recouvrance</th>
  <th>La Flore</th>
  <th>Le Clovis</th>
  <th>Le Nicéa</th>
  <th>Le rêveur</th>
  <th>Confiance</th>
  <th>exemple</th>
  <th>Libre</th>
  <th>Libre</th>
</tr>
<tr>
  <td>Position</td>
  <td>000-000</td>
  <td>000-000</td>
  <td>000-000</td>
  <td>000-000</td>
  <td>000-000</td>
  <td>000-000</td>
  <td>000-000</td>
  <td>000-000</td>
  <td>000-000</td>
  <td>000-000</td>
  <td>000-000</td>
</tr>
<tr>
  <td>Direction</td>
  <td>N-S</td>
  <td>S-N</td>
  <td>E-O</td>
  <td>O-E</td>
  <td>S-N</td>
  <td>S-N</td>
  <td>S-N</td>
  <td>S-N</td>
  <td>S-N</td>
  <td>S-N</td>
  <td>S-N</td>
</tr>
<tr>
  <td>Equipage</td>
  <td>65</td>
  <td>52</td>
  <td>47</td>
  <td>69</td>
  <td>55</td>
  <td>52</td>
  <td>48</td>
  <td>80</td>
  <td>0</td>
  <td>0</td>
  <td>0</td>
</tr>
</table>

en mettant un identifiant au tableau , et en incluant directement le style à la page ça devrait aller ...

[emc2]

En fait oui, c'est génial ! Je focalisais sur ma feuille css, alors que je pouvais gérer ça depuis la page directement.
merci pour ce coup de génie !