Div ou tableau ?

Version imprimable

17/04/2013, 10h05
_Carole

Div ou tableau ?

Bonjour,
En parcourant le net, je vois que beaucoup bannissent l'utilisation des tableaux pour la mise en page (et que parfois même, pour faire des vrais tableaux (de synthèse, etc), c'est mal...)

Alors voilà, je me remet en question et à chaque balise "table" que j'ouvre, c'est l'angoisse, je culpabilise (bon, j'exagère).

Par exemple, je suis confrontée à un tableau de ce genre à faire en html :

http://img15.hostingpics.net/thumbs/...900tableau.png

Est-ce qu'il n'y a pas une autre méthode que "table" (et des imbrications monstrueuses qui en découlent, des colspan et rowspan,... ) ?

Évidement, le tableau sera rempli avec des données extraites d'une base de données PostGre donc je recherche une solution qui me propose quelque chose de clair, de léger...

Merci d'avance !
17/04/2013, 11h12
rodolphebrd

bonjour,

effectivement une mise en page en tableau n'est plus du tout appropriée aujourd'hui.
Par contre un tableau reste un tableau et sa construction reste soumise aux règles classiques en utilisant les balises TABLE, TR, TD.
17/04/2013, 12h36
Legenyes

Je rejoint tout a fait ces propos;
Comme dans ton cas ce sont de données a afficher en tableau et non l'utilisation des tableau pour faire la mise en page le site.
L'utilisation du tableau est donc correcte dans ton cas. :)

Rien de mieux que ça alors ?

Code:

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
 
<table>
                <th rowspan="2"> </th>
                <td rowspan="2">Estimation</td>
                     <td colspan="3">Janvier</td>   <td colspan="3">Février</td>   <td colspan="3">Mars</td>    <td colspan="3">Total</td>
                          <tr>
                               <td>Dmde</td>   <td>R.A.F.</td>   <td>Réel</td>
                               <td>Dmde</td>   <td>R.A.F.</td>   <td>Réel</td>
                               <td>Dmde</td>   <td>R.A.F.</td>   <td>Réel</td>
                               <td>Dmde</td>   <td>R.A.F.</td>   <td>Réel</td>
                          </tr>
                <tr>
                    <td>Equipe 1</td>
                        <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
 
                </tr>
                <tr>
                    <td>Equipe 2</td>
                        <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
 
                </tr>
        </table>

EDIT : Ok hé bien si les tableaux sont indiqués dans ce cas, allons-y !

Merci d'avoir dissipé mes doutes :)

17/04/2013, 13h03
Legenyes
Peut etre quelques améliorations possible si tu veux augmenté la sémentique

Va voir un peu la signification des balises
- thead
- tbody
- th
- caption

Code:

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
        <table>
            <caption>Tableau de synthèse</caption>
               <thead> 
                <th rowspan="2"> </th>
                <th rowspan="2"> Estimation </th>
                     <th colspan="3">Janvier</th>   <th colspan="3">Février</th>   <th colspan="3">Mars</th>    <th colspan="3">Total</th>
                          <tr>
                               <td>Dmde</td>   <td>R.A.F.</td>   <td>Réel</td>
                               <td>Dmde</td>   <td>R.A.F.</td>   <td>Réel</td>
                               <td>Dmde</td>   <td>R.A.F.</td>   <td>Réel</td>
                               <td>Dmde</td>   <td>R.A.F.</td>   <td>Réel</td>
                          </tr>
                </thead>
                <tbody>
                    <tr>
 
                    <td>Equipe 1</td>
                        <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
 
                </tr>
                <tr>
                    <td>Equipe 2</td>
                        <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
 
                </tr>
                </tbody>
        </table>

Merci des renseignements !

Par contre, tfoot serai la colonne "total" dans ce cas n'est-ce pas ?

17/04/2013, 20h06
NoSmoking

Bonjour,
n’oublies quand même pas d'encapsuler tes TH dans une TR