Avoir une bordure de 1px dans un tableau ?

Avoir une bordure de 1px dans un tableau ? - HTML/CSS - Programmation

Marsh Posté le 26-01-2006 à 23:49:51    

Bonjours, j'aimerais savoir comment faire pour avoir une bordure de 1 px noir dans un tableau.
J'ai essayé :
 
<table border style="border:solid; border-width:1px" cellspacing="0">
 
Mais ça ne donne pas ce que je souhaite.
 
Donc si quelqu'un à la réponse, je suis à l'écoute.
 
Merci d'avance.
 
Siron

Reply

Marsh Posté le 26-01-2006 à 23:49:51   

Reply

Marsh Posté le 27-01-2006 à 00:08:38    

t'a essayé :
<table style="BORDER: #CACACA 1px solid;"> ?
 
sinon, <table border=1>, ca te vas pas?

Reply

Marsh Posté le 27-01-2006 à 00:14:51    

Effectivement, la bordure est un peu plus grande qu'un pixel avec :

<html>
<body>
<table border=1 cellspacing=0>
<tr><td>aaa</td></tr>
</table>
</body>
</html>


Mais, par contre ça marche avec :

<html>
<head>
<style type="text/css">
table
{
   border:1px solid;
}
</style>
</head>
<body>
<table border=0 cellspacing=0>
<tr><td>aaa</td></tr>
</table>
</body>
</html>


Reply

Marsh Posté le 27-01-2006 à 10:39:36    

J'ai essayé mais en ne faisant pas une classe.
 
J'ai utilisé le style="..." parceque d'un point de vue organisation c'est plus simple (avec les include et compagnie je n'ai pas de header dans le fichier concerné).
 
J'ai bien une bordure de 1 px mais uniquement autour du tableau, entre les cellules je n'ai pas de bordure a cause du border=0.
 
Y'a pas un argument en html pour le type de bordure ?

Reply

Marsh Posté le 27-01-2006 à 16:11:52    

Pour avoir une bordure autour des cellules, faire :

<html>
<head>
<style type="text/css">
td
{
   border:1px solid;
}
</style>
</head>
<body>
<table border=0 cellspacing=0 cellpadding=0>
<tr><td>11</td><td>22</td></tr>
<tr><td>33</td><td>44</td></tr>
</table>
</body>
</html>

Reply

Marsh Posté le 27-01-2006 à 21:50:41    

Logique   :pt1cable:  
 
Je test ça demain.
 
Merci

Reply

Marsh Posté le 30-01-2006 à 09:50:46    

J'ai testé et c'est pas terrible.
 
En fait comme il met une bordure de 1 px à chaque cellule, on se retrouve avec une bordure de 2 px.
 
Mais bon, c'est pas grave, j'ai trouvé un compromi avec la bordure.
 
Merci pour l'aide.

Reply

Marsh Posté le 30-01-2006 à 10:10:49    

Alors ne mets le bordure que sur un seul côté et que sur le haut ou le bas.
Voior la documentation de la norme CSS : border-top, border-left ...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed