tableau et arrondi

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu tableau et arrondi

Message par emc2 Ven 24 Aoû 2012 - 0:12

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.


Dernière édition par emc2 le Ven 24 Aoû 2012 - 22:52, édité 1 fois
emc2

emc2
*****

Messages : 555
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: tableau et arrondi

Message par Scoubifitz Ven 24 Aoû 2012 - 7:42

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 ... Hi
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: tableau et arrondi

Message par emc2 Ven 24 Aoû 2012 - 22:52

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

emc2
*****

Messages : 555
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum