border table

Marsh Posté le 15-05-2006 à 17:11:41

slt j'ai une question toute bête mais dont je ne trouve pas la réponse.

je crée un tableau de plusieurs ligne et colonne, et je veux que que les cellules soit encadré (est une bordure).

je fait donc un

<table cellpadding="0" cellspacing="0" style="border: 1px solid;border-color: black">

mais cela m'encadre le tableau et non toute les cellules.

Alors je suis obligé de faire un

<td style="border-right: 1px solid;border-bottom: 1px solid;border-color: black">

pour chaque ligne de facon a ne pas doubler les bordures entre cellule voisine.

Il n'y a pas de solution + simple?

je veux une bordure noir et non la bordure epaisse de border="1" dans l'élément "table".

Merci d'avance

Reply

Marsh Posté le 15-05-2006 à 17:11:41

Reply

Marsh Posté le 15-05-2006 à 17:17:50

Salut,

déjà pour faire propre les définitions de styles sont à placer dans un fichier CSS,...

Ensuite pour ce que tu veux faire (dans une CSS donc, ou entre les balises <style> dans le head :

Code :

table {
border-spacing:0; border-collapse:collapse;
}
td {
border:1px solid #000;
}

---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine

Reply

Marsh Posté le 15-05-2006 à 17:26:29

ca va pas créer un bordure double ca? car tu met tout les td à 1px

Reply

Marsh Posté le 15-05-2006 à 18:17:29

pas d'autre idee

Reply

Marsh Posté le 16-05-2006 à 09:00:06

Tu pourrais peut-être tester avant de dire que ça ne vas pas marcher...

---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine

Reply

Marsh Posté le 16-05-2006 à 09:27:57

si si j'ai testé et je confirme la doublure de cetain coté

Reply

Marsh Posté le 16-05-2006 à 10:02:40

Démonstration

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Bordure tableau</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
table {
border-spacing:0;
border-collapse:collapse;
width:500px; margin:10px 30px;
}
th, td {
border:1px solid #CCC;
}
th {
background:#f6f6f6;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 4</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cellule 1-1</td>
<td>Cellule 1-2</td>
<td>Cellule 1-3</td>
<td>Cellule 1-4</td>
</tr>
<tr>
<td>Cellule 2-1</td>
<td>Cellule 2-2</td>
<td>Cellule 2-3</td>
<td>Cellule 2-4</td>
</tr>
<tr>
<td>Cellule 3-1</td>
<td>Cellule 3-2</td>
<td>Cellule 3-3</td>
<td>Cellule 3-4</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 4</th>
</tr>
</tfoot>
</table>
</body>
</html>

---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine

Reply

border table

Sujets relatifs:

Leave a Replay