Un tableau qui ne devrait pas se redimensionner

**koKoTis** · 29/02/2008, 11h10

Bonjour, j'ai un tableau, donc la largeur fair 800 px, d'habitude quand j'ai un tableau de largeur de 800 px, quand j'écrit du texte le texte va à la ligne quand il arrive au bout du tableau, mais la la largeur du tableau se redimentionne, sauriez vous comment bmloquer à 800 px ?

pour info j'utilise dreamwaver

**Bisûnûrs** · 29/02/2008, 11h14

Le propre du tableau est de justement s'adapter à son contenu. Donc je suppose que ce tableau de mise en page et non pas d'affichage de données tabulaires peut être viré au profit d'un code plus souple, plus sémantique et plus maintenable.

**koKoTis** · 29/02/2008, 11h18

non parce que ce tableau c'est en fait un desing de site que j'ai fait avec fireworks, je ne peut pas le viré.

Mais la largeur du tableau ne bouger pas quand je fesait le longue phrase, le texte aller a la ligne automatiquement, je ne sais pas ce qui se passe, mais ce n'est pas normale.

La hauteyur du tableau elle doit se redimentioner, mais pas la largeur, si non la teblau poraitt être plus large que la page dans le naviguateur.

**Seta-san** · 29/02/2008, 20h10

Salut ! peux tu nous montrer le code de ton tableau ?

<table. .. >

**koKoTis** · 29/02/2008, 20h19

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
<table border="0" cellpadding="0" cellspacing="0" width="800">
    <!-- fwtable fwsrc="ondes.png" fwbase="ondes.gif" fwstyle="Dreamweaver" fwdocid = "76009610" fwnested="0" -->
    <tr>
      <td><img src="../img/imgpag/ondes/spacer.gif" alt="" name="undefined_2" width="15" height="1" border="0"></td>
      <td><img src="../img/imgpag/ondes/spacer.gif" alt="" name="undefined_2" width="150" height="1" border="0"></td>
      <td><img src="../img/imgpag/ondes/spacer.gif" alt="" name="undefined_2" width="11" height="1" border="0"></td>
      <td><img src="../img/imgpag/ondes/spacer.gif" alt="" name="undefined_2" width="609" height="1" border="0"></td>
      <td><img src="../img/imgpag/ondes/spacer.gif" alt="" name="undefined_2" width="15" height="1" border="0"></td>
      <td><img src="../img/imgpag/ondes/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0"></td>
    </tr>
    <tr>
      <td><img name="ondes_r1_c1_2" src="../img/imgpag/ondes/ondes_r1_c1.gif" width="15" height="13" border="0" alt=""></td>
      <td colspan="3"><img name="ondes_r1_c2_2" src="../img/imgpag/ondes/ondes_r1_c2.gif" width="770" height="13" border="0" alt=""></td>
      <td><img name="ondes_r1_c5_2" src="../img/imgpag/ondes/ondes_r1_c5.gif" width="15" height="13" border="0" alt=""></td>
      <td><img src="../img/imgpag/ondes/spacer.gif" alt="" name="undefined_2" width="1" height="13" border="0"></td>
    </tr>
    <tr>
      <td colspan="5"><img name="ondes_r2_c1_2" src="../img/imgpag/ondes/ondes_r2_c1.gif" width="800" height="114" border="0" alt=""></td>
      <td><img src="../img/imgpag/ondes/spacer.gif" alt="" name="undefined_2" width="1" height="114" border="0"></td>
    </tr>
    <tr>
      <td background="../img/imgpag/ondes/ondes_r3_c1.gif">&nbsp;</td>
      <td background="../img/imgpag/ondes/ondes_r3_c2.gif" valign="top"><p class="menu"><a href="../index.htm">aaaaaaaaaaa</a></p>
        <p class="menu"><a href="../index.htm">aaaaaaaaaaa</a></p>
        <p class="menu"><a href="../index.htm">aaaaaaaaaaa</a></p>
      <p class="menu"><a href="../index.htm">aaaaaaaaaaa</a></p></td>
      <td background="../img/imgpag/ondes/ondes_r3_c3.gif">&nbsp;</td>
      <td background="../img/imgpag/ondes/ondes_r3_c4.gif" valign="top">
        <table width="607" border="0">
          <tr>
            <td width="703"><!-- TemplateBeginEditable name="EditRegion3" --><!-- TemplateEndEditable --></td>
          </tr>
        </table>
      </td>
      <td background="../img/imgpag/ondes/ondes_r3_c5.gif">&nbsp;</td>
      <td><img src="../img/imgpag/ondes/spacer.gif" alt="" name="undefined_2" width="1" height="426" border="0"></td>
    </tr>
    <tr>
      <td><img name="ondes_r4_c1" src="../img/imgpag/ondes/ondes_r4_c1.gif" width="15" height="14" border="0" alt=""></td>
      <td colspan="3"><img name="ondes_r4_c2" src="../img/imgpag/ondes/ondes_r4_c2.gif" width="770" height="14" border="0" alt=""></td>
      <td><img name="ondes_r4_c5" src="../img/imgpag/ondes/ondes_r4_c5.gif" width="15" height="14" border="0" alt=""></td>
      <td><img src="../img/imgpag/ondes/spacer.gif" alt="" name="undefined_2" width="1" height="14" border="0"></td>
    </tr>
  </table>

**Seta-san** · 01/03/2008, 19h13

Chez moi le texte va correctement à la ligne.
Essaye de remplacer le plus possible tes tableaux par des divisions.

Par exemple celui qui, justement, contient le texte centrale.

**koKoTis** · 01/03/2008, 19h15

Envoyé par Seta-san

Essaye de remplacer le plus possible tes tableaux par des divisions.

Comment ca ?

**Kerod** · 01/03/2008, 21h18

Ce qu'il entend par division c'est d'utiliser un code sémantique : balise div et css

**Seta-san** · 02/03/2008, 03h50

Par exemple à la place de :

Code :

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

1
2
3
4
5
<table width="607" border="0">
    <tr>
      <td width="703"><!-- TemplateBeginEditable name="EditRegion3" --><!-- TemplateEndEditable --></td>
    </tr>
</table>

Tu mets :

Code :

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

<div class="contenu">...</div>

Puis dans ta feuille de style

Code :

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

1
2
3
4
5
 
.contenu 
    { 
    width: 700px; /* Taille à ajuster bien sur ^^ */
    }

**koKoTis** · 02/03/2008, 08h27

merci encore

mais le tableau se redimentionne toujour

ne seraisse pas un paramétrage de dreawerver ?

**Kerod** · 02/03/2008, 09h12

Envoyé par Bisûnûrs

Le propre du tableau est de justement s'adapter à son contenu. Donc je suppose que ce tableau de mise en page et non pas d'affichage de données tabulaires peut être viré au profit d'un code plus souple, plus sémantique et plus maintenable.

Je reprends les propos de Bisûnûrs. Le propre du tableau est de s'adapter au contenu. Et donc non ce n'est pas un paramétrage de DW (alias DreamWeaver).

Si tu veux tentes du côté du CSS :

Envoyé par Définition de white-space

La propriété de feuille de style css white-space permet de spécifier le formatage de la source du texte contenu dans votre balise HTML ou XHTML, c'est à dire comment votre navigateur va interpréter les espaces blancs..., passages à la ligne, pas de rupture de ligne , affiche le code (alinéas et tabulations, nombres espaces) comme il est écrit dans le fichier source (votre code html).

Code :

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

1
2
3
white-space : normal; 
white-space : pre; 
white-space : nowrap;

La propriété white-space en feuille de style css peut prendre la valeur de :
- normal, affichage normal du texte (pas reconnue par les versions Netscape<6).
- pre, affichage du texte tel qu'il a été écrit (pas reconnue par Internet explorer<6).
- nowrap, ne fait pas de retour à la ligne (pas reconnue par les versions Netscape<6 et par Internet explorer<6).

**koKoTis** · 02/03/2008, 09h15

Envoyé par Kerod

Je reprends les propos de Bisûnûrs. Le propre du tableau est de s'adapter au tableau. Et donc non ce n'est pas un paramétrage de DW (alias DreamWeaver).

Pour ten avant il a ller a la ligne, il se redimentioner sur la hauteur, mais pas sur la largeur

si non s'il y a une ligne de texte qui fait 60 cm, la largeur du tableau et de la page feront 60 cm, c'est pas normale ca

**Kerod** · 02/03/2008, 09h25

ON peut avoir un exemple en ligne ?

**koKoTis** · 02/03/2008, 09h26

un exemple d'une ligne qui fait 60 cm ?

en fichier joint

**Kerod** · 02/03/2008, 09h44

Non un exemple contenant le tableau, le tout accessible depuis le net

**koKoTis** · 02/03/2008, 10h04

http://membres.lycos.fr/lunnatick/tableau.htm

**Kerod** · 02/03/2008, 10h24

Et il est où le problème ? Je ne vois rien du tout avec Firefox2

**koKoTis** · 02/03/2008, 10h35

je n'est pas mi les images je n'ai plu asser d"espace

le probléme c'est que si je met une ligne de texte qui est plu longue que le tableau celui-ci s'élargi

j'ai ajouter une ligne, tu voi que la ligne est plus logue que le rectangle au dessus qui fait la taille que doi faire le tableau

**Kerod** · 02/03/2008, 10h46

Alors je pense bien que ton tableau ne va pas contenir des lignes sans espaces

sinon ça deviendrait illisible.

Voilà deux solutions :

Utiliser PHP pour entre-couper les lignes si elles sont trop longues (mais ça m'étonnerait que tu aies besoin de faire ça si tu mets des paragraphes normalement constituer).
Mettre tout simplement du vrai texte. C'est un phénomène normal d'avoir ceci et tu peux pas y remédier excepté en mettant un overflow.

**koKoTis** · 02/03/2008, 10h49

ah oui avec les espace ca marche quel bête je fait

le overflow c'est bien sur la hateur mais nul sur la largeur

merci encore

Un tableau qui ne devrait pas se redimensionner

HTML

Discussions similaires

Partager

Partager