Discussion :

[heyax]

Bonjour tout le monde,

Je suis sensé refaire un site en css2/xhtml et on me demande de remplacer tout les tableaux par des div, chose faite pour le squelette des pages "header, leftmenu, content, rightmenu, footer..." sauf que par exemple le "content" fait appel a des tableaux et dans ces tableaux en trouve bien d'autres tableaux et en + ces tableaux sont dynamique, les cellules et les lignes s'ajoutent en fonction des produit dans la base de données !

Ma question est ce qu'il a une limite pour l'utilisation des div ?
Est ce que les div peuvent renplacerremplacer les tableaux même s'il sonts’ils sont très nombreux ?


Merci d'avance

[francis m]

en présentation, les tableaux doivent être remplacés par des divs

MAIS, s'il faut afficher des données tabulaires, et j'ai l'impression que c'est ton cas, il faut garder les tableaux, c'est à cela qu'ils servent

[Auteur]

en tout cas je te déconseille de créer des tableaux dans des tableaux, dans des tableaux, dans des tableaux, dans des tableaux

[heyax]

francis m : Merci pour ta réponse mais qu'est ce que tu veux dire par "données tabulaires" est ce les données qu'on récupere de la base de données et qu'on affiche sur un tableau ?

Auteur : c'est pas moi qui a developpé le site

Voici une partie du code dont je me demande est ce que je dois le changé en div :
Merci de me laisser vos remarques

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<table border="0" align="center">
                    <tr>
                    <%
            
                        while not rsResult.EOF
                        if compteur mod 3 = 0 then%></tr><tr><%end if%>
                        <td height="175" valign="top" align="center"><!-- width="140" -->
 
                          <table border="0" cellspacing="0" cellpadding="0" style="display:inline;margin-bottom:0px 0px;vertical-align:text-top;padding-right: 45px;">
                          <tr>
                            <td height="170" align="center" valign="top" style="padding-top:10px;"><!-- width="136" -->
                              <table width="104" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
                                <%if compteur = 0 then%>
                                <tr><td><img src="/images/homepage/hp_tit_promo_new.gif" width="104" height="24" alt="hp_tit_promo_new"></td></tr>
                                <%elseif compteur = 1 then%>
                                <tr><td><img src="/images/homepage/hp_tit_neue_new.gif" width="104" height="24" alt="hp_tit_neue_new"></td></tr>
                                <%elseif compteur = 2 then%>
                                <tr><td><img src="/images/homepage/hp_tit_coupdecoeur.gif" width="104" height="24" alt="hp_tit_coupdecoeur"></td></tr>
                                <%else%>
                                <tr>
                                  <td bgcolor="8accd1" height="1">
                                  </td>
                                </tr>
                                <%end if%>
                                <tr>
                                  <td align="center" class="arial_11_000000" style="padding-top:1px; border-left:1px solid #8accd1; border-right:1px solid #8accd1"><a href="/Produkt/<%=rsResult("Prod_Pk")%>/<%=rewrite(rsResult("Libelle"))%>"><img src="<%=(pathimg(rsResult("PROD_pk"),"lpd"))%>" border="0" width="98" height="98" alt="<%=rewrite(rsResult("Libelle"))%>"></a></td>
                                </tr>
                                <tr>
                                  <td height="36" class="arial_11_000000" style="padding-left:6px; padding-top:4px;; padding-bottom:4px; border-left:1px solid #8accd1; border-right:1px solid #8accd1">
                                    <b>
                                      <a class="LienLibelle" href="/Produkt/<%=rsResult("Prod_Pk")%>/<%=rewrite(rsResult("Libelle"))%>"><%if rsResult("LibelleWeb")<> "" then%><%=FormatTxtMiniFiche(rsResult("LibelleWeb"))%><%else%><%=FormatTxtMiniFiche(rsResult("Libelle"))%><%end if%>
                                      </a>
                                    </b>
                                  </td>
                                </tr>
                                <tr>
 
                                  <td align="center" style="padding-bottom:1px; border-left:1px solid #8accd1; border-right:1px solid #8accd1; border-bottom:1px solid #8accd1">
                                    <table border="0" cellspacing="0" cellpadding="0">
                                      <tr>
                                        <td><img src="/images/homepage/cadre_prix_g_new.gif" width="4" height="21" alt="cadre_prix_g_new"></td>
                                        <td width="72" height="21" align="center" style="border-top:1px solid #8accd1; background-image:url(/images/homepage/cadre_prix_bkg_b_new.gif); background-repeat:repeat-x; background-position:bottom;">
                                          <span class="arial_12_131D2D">
                                            <b>
                                              <%=PrixAb(rsResult("ab"))%>
                                            </b>
                                          </span>
                                          <span class="arial_12_FD074C">
                                            <b>&euro; <%=formatnumber(rsResult("Prix"),2)%></b>
                                          </span>
                                        </td>
                                        <td style="height:21px"><%="<a href=""/Produkt/" & rsResult("Prod_Pk")& "/"& rewrite(rsResult("Libelle")) &""">"   %><img src="/images/homepage/cadre_prix_d_new.gif" width="24" border="0" alt="cadre_prix_d_new"></a></td>
                                      </tr>
                                    </table>
                                  </td>
 
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                        <%
                        compteur = compteur + 1
                        rsResult.movenext
                        wend
                        
                        rsResult.Close
                        set rsResult=nothing
                        %>
                      </tr>
                    </table>

[MasterOfChakhaL]

Des données tabulaires sont des données qu'il convient de d'organiser en tableau...
Après cette lapalissade, je dirais que, en gros, il s'agit de données qui pourraient être définies en fonction de plusierus critères.

Par exemple, si tu t'interesses a la démographie de différents pays sur plusieurs années. Une donnée sera définie par le pays ET par l'année. Naturellement, tu organiseras cela en tableau, et tu auras raison.
Tout ceci, bien sur, en dehors de toute considération de présentation.

Si ton tableau ne te sert qu'a poser un quadrillage pour positioner des éléments, alors, c'est une mauvaise utilisation.

[heyax]

Merci MasterOfChakhaL pour ta réponse

Merci encore