Un tableau qui ne devrait pas se redimensionner

Version imprimable

29/02/2008, 10h10
koKoTis

Un tableau qui ne devrait pas se redimensionner

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
29/02/2008, 10h14
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.
29/02/2008, 10h18
koKoTis

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.
29/02/2008, 19h10
Seta-san

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

<table. .. >

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
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>

01/03/2008, 18h13
Seta-san

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.
01/03/2008, 18h15
koKoTis

Citation:

Envoyé par Seta-san

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

Comment ca ?
01/03/2008, 20h18
Kerod

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

Par exemple à la place de :

Code:

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

Tu mets :

Code:

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

Puis dans ta feuille de style

Code:

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

02/03/2008, 07h27
koKoTis

merci encore ;)

mais le tableau se redimentionne toujour

ne seraisse pas un paramétrage de dreawerver ?
02/03/2008, 08h12
Kerod
Citation:

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 :
Citation:
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:

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).
02/03/2008, 08h15
koKoTis

Citation:

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
02/03/2008, 08h25
Kerod

ON peut avoir un exemple en ligne ?
02/03/2008, 08h26
koKoTis

1 pièce(s) jointe(s)

un exemple d'une ligne qui fait 60 cm ?

en fichier joint
02/03/2008, 08h44
Kerod

Non un exemple contenant le tableau, le tout accessible depuis le net
02/03/2008, 09h04
koKoTis

http://membres.lycos.fr/lunnatick/tableau.htm
02/03/2008, 09h24
Kerod

Et il est où le problème ? Je ne vois rien du tout avec Firefox2
02/03/2008, 09h35
koKoTis

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
02/03/2008, 09h46
Kerod
Alors je pense bien que ton tableau ne va pas contenir des lignes sans espaces :roll: 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.
02/03/2008, 09h49
koKoTis

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

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

merci encore :oops: