border table

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : border table

zizou771

http://mobiles.forumpro.fr

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

Publicité

j_lecruel

☀ ☁ ☂

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

zizou771

http://mobiles.forumpro.fr

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

zizou771

http://mobiles.forumpro.fr

pas d'autre idee

j_lecruel

☀ ☁ ☂

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

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

zizou771

http://mobiles.forumpro.fr

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

j_lecruel

☀ ☁ ☂

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

FORUM HardWare.fr

Programmation

HTML/CSS

border table

Sujets relatifs
[HTML/CSS] Je deviens fou avec mon affichage (table, div et css) help	Comment ajouter des lignes dans une table grace a un datagrid ?
Mettre un border sur une area : CSS ? Javascript ??	[resoluTRIGGER REPLICATION] replication de table sur deux bases repar
retrouver la largeur du "border style" d'un objet	[Mysql] Sum() avec liaison de table ????
Executer Nfois une requete (insertion) dans une table ?	Deplacement de certaine ligne du table (mysql)
look up table (LUT)	Effet d'un OPTIMIZE TABLE sur tables innodb
Plus de sujets relatifs à : border table

Page générée en 0.045 secondes