CSS Bord d'un tableau

ben85350 -

Bonjour,
J'ai sur ma page web un tableau contenant plus lignes et plusieurs colonnes. J'aimerais savoir comment faire pour afficher seulement les bords autour du tableau (mais pas entre les lignes et les colonnes). Je pensais à l'attribut rules mais je ne vois pas trop comment faire
Merci pour votre aide !

Configuration: Windows XP
Firefox 3.0.8

Afficher la suite

1 réponse

Ricky38 Contributeur

Salut,

si tu mets border="0" le tableau devient invisible au complet.

moi je ferais une <div></div> de la même grandeur que le tableau et là tu mets un border="1" pour la div et tu insère ton tableau dans la div

<style type="text/css">
<!--
#tableau {
	height: auto;
	width: 400px;
	border: 1px solid #C00;
}
-->
</style>
</head>

<body>
 

<div id="tableau"><table width="400" border="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table></div>

CSS Bord d'un tableau

1 réponse

Discussions similaires

Newsletters