tableau avec 1 colonne sur 3 sans cadre

**brasco06** · 20/04/2005, 17h21

Bonjour,

J'ai un tableau de 5 colonnes.
Je veux mettre en dessous des 2 dernieres colonnes 2 cellules pour ecrire les totaux !

Je pense donc faire un nouveau tableau de 3 colonnes avec les 2 dernieres cellules avec bordure et la 1ere colonne sans.

Mais je n'y arrive pas

Est-ce possible d'enlever le cadre que d'une seule cellule?

Merci

**Kerod** · 20/04/2005, 17h25

Postes ton code et on le regardera

**brasco06** · 20/04/2005, 17h36

Code :

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

1
2
3
4
5
6
7
8
9
 
<table border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#999999">
        <tr height="35" border="0">
            <td border="0" width="62%" border="0"></td>
            <td border="0" width="20%" border="1" class="redgras"><div align="center">Nombre total d'acceptation</td>
            <td border="0" width="6" class="redgras">&nbsp;</td>
            <td border="0" width="18%" border="1" class="redgras"><div align="center">Nombre total de refus</td>
        </tr>
      </table>

**SpaceFrog** · 20/04/2005, 17h51

avec css et deux classes un pour troisiemecolonne et une pour les autres ...

**beeboo** · 20/04/2005, 18h35

Rien à voir avec ton problème mais au lieu d'utiliser un <div> (que tu n'a pas fermé) à l'intérieur du <td> utilise la propriété text-align:center dans la class utilisée pour le <td>, cela alègera ton code et le rendra plus lisible. Sinon, comme le dit space frog, utilise les style pour différencier les cellules.

**brasco06** · 20/04/2005, 18h35

et en bricolant en HTML c'est pas possible?

**beeboo** · 20/04/2005, 21h24

On ne bricole pas le html, ce n'est pas possible ou alors on utilise les bogues d'un navigateur particulier et alors c'est la cata sur les autres navigateurs.

L'attribut border est défini au niveau de l'élément <table> donc tu peux déjà enlever tous les border que tu as mis au niveau des <td> car ils ne servent à rien.

Voici un petit exemple avec un tableau contenant un header, et la dernière ligne ne contenant que le libellé total aligné à droite sans bordure et la colonne total avec bordure. juste en jouant sur les styles comme quoi c'est beaucoup moins compliqué qu'il n'y paraît et beaucoup plus sûr que de "bricoler" en HTML.

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
table {
  border-collapse: collapse;
}
td, th {
  text-align:center;
  border: solid 1px #000000;
  margin: 0px 0px 0px 0px;
}
 
.sansbord {
  border:none;
  text-align:right;
}
</style>
</head>
<body> 
<table>
  <tr>
    <th>En tête Colonne1</th>
    <th>En tête Colonne2</th>
    <th>En tête Colonne3</th>
    <th>En tête Colonne4</th>
  </tr>
  <tr>
    <td>Ligne 1 colonne1</td>
    <td>Ligne 1 colonne2</td>
    <td>Ligne 1 colonne3</td>
    <td>Ligne 1 colonne4</td>
  </tr>
  <tr>
    <td>Ligne 2 colonne1</td>
    <td>Ligne 2 colonne2</td>
    <td>Ligne 2 colonne3</td>
    <td>Ligne 2 colonne4</td>
  </tr>
  <tr>
    <td colspan="3" class="sansbord">Total :</td>
    <td>Ligne 4 colonne4</td>
  </tr>
</table>
</body>
</html>

Enjoy !

**SpaceFrog** · 21/04/2005, 09h34

ouaip sauf que th c'est transbrowser ?

**brasco06** · 21/04/2005, 11h00

Merci à tous !
J'ai réussi en manipulant les class ca m'a permis d'apprendre çà que je ne manipulais pas!!

**beeboo** · 21/04/2005, 18h44

> SpaceFrog : oui th est transbrowser. Cet élément est défini depuis html 3.2 avec l'élément table. C'est l'élément qui devrait être utilisé comme en-tête de colonnes dans une table et, par là, justifier l'utilisation d'une table dans un document html. Il est vrai que cet élément est très rarement utilisé car peu connu non pas parce qu'il n'est pas supporté par les navigateurs mais surtout parce que avant l'avènement de CSS on utilisait les tableaux surtout pour faire de la mise en page et donc sans besoin d'en-tête de colonne.

Vala vala pour la petite note historique.

tableau avec 1 colonne sur 3 sans cadre

HTML

Vue hybride

Discussions similaires

Partager

Partager