Table et bordures

**BiM** · 01/06/2005, 09h41

Voila j'ai un tableau auquel je voudrais appliquer les bordures suivantes :

Sachant que les bordures bleues seront les seules bordures visibles !

Si quelqu'un a une solution je suis volontiers preneuse

**SpaceFrog** · 01/06/2005, 09h48

ben là faut le faire cellule par cellule en css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
border-top
border-left
border-right
border-bottom

**fred777888999** · 01/06/2005, 09h53

Tu donne un id a chacune de tes cellules et tu fais un css qui applique le style qui mets la bordure qui va bien a ces dernieres.
Un petit exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<html>
<head>
  <style>
        #c1 {
        border-bottom: thin solid Blue;
        border-bottom-width: 1px;
        }
        #c2 {
        border-top: thin solid Blue;
        border-top-width: 1px;
        }
  </style>
</head> 
  <body> 
  <table cellpadding="0" cellspacing="0">
  <tr>
  <td id="c1">c1</td>
  <td id="c2">c2</td>
  </tr>
  </table>
</body>
</html>

**BiM** · 01/06/2005, 10h25

Merci beaucoup mais j'ai toujous un petit problème....

J'ai définit ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<style type="text/css">
.haut
{
        border-top-color:blue;
        border-top-width=1px;
        border-top-style:solid;
}
.bas
{
        border-bottom-color:blue;
        border-bottom-width=1px;
        border-bottom-style:solid;
}
.droite
{
        border-right-color:blue;
        border-right-width=1px;
        border-right-style:solid;
}
.gauche
{
        border-left-color:blue;
        border-left-width=1px;
        border-left-style:solid;
}
</style>

Je voudrais savoir s'il est possible d'affecter deux classes à un élément :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<table>
<tr>
<td class="gauche,droite">
Yep !
</td>
<tr>
</table>

Un peu comme ca...

Ou alors en rajoutant à la suite du style définit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
#cellule
{
	.haut;
	.bas;
}

Avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td id="cellule">

**fred777888999** · 01/06/2005, 10h32

A mon avis, ce n'est pas possible, tu va devoir faire plus de styles que ca...

**BiM** · 01/06/2005, 10h33

Oki merci, je vais voir en passant par l'ASP.NET si je ne peux pas faire un truc plus simple

**fred777888999** · 01/06/2005, 10h39

Si tu genere ton truc a la volee, il n'y a alors rien qui t'empeche de faire un truc du genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<table>
   <tr>
      <td style="{border....}></td>
      <td style="{border....}></td>
   </tr>
</table>

**BiM** · 01/06/2005, 10h42

Sauf quand t'as une trentaine de case qui se répetent à peu près sur une dizaine de page... Bon là tu commences à moins dire ca

Table et bordures

HTML

Discussions similaires

Partager

Partager