Rechercher : dans
Par :

Dreamweaver : largeur fixe colonne ds tableau

Dernière réponse le 15 avr 2008 à 22:10:46 wispgirl, le 15 avr 2008 à 18:33:33 
 Signaler ce message aux modérateurs

Bonjour,
J'ai fait un tableau de 5 colonnes dans dreamweaver et je souhaiterais avoir des largeurs de colonnes fixes pour les 3 colonnes du milieu afin que tout ne se décalle pas qd la taille du navigateur change.
Je voudrais que seules les 2 colonnes de droite et gauche s'élargissent/diminuent
voici le lien :
merci bcp de vos réponses



http://www.songesetrigolades.com/test.htm

Configuration: Windows XP
Internet Explorer 6.0

Meilleures réponses pour « Dreamweaver : largeur fixe colonne ds tableau » dans :
Tableaux HTML VoirUtilisation de tableaux Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Un...

1

BartWadela, le 15 avr 2008 à 18:41:06

Si tu défini la taille de ces colonnes en px (pixels) plutôt qu'en % ??? Essayez d'être le plus clair possible dans la description de vos problèmes, qu'on puisse vous répondre presque du 1er coup.

Merci

Répondre à BartWadela

2

wispgirl, le 15 avr 2008 à 18:57:49

J'ai essayé mais ça ne fonctionne pas non plus car il ne sait pas quoi prendre comme % pour les colonnes de gauche et de droite...

Répondre à wispgirl

3

BartWadela, le 15 avr 2008 à 19:24:57

Tu définis ta table sur 100%
ta colonne 1 tu définis pas de largeur spécifique ; pareil pour la colonne 5
la colonne 2 ; 3 et 4 tu mets la largeur en pixels

vu que ton tableau doit remplir les 100% de la largeur les deux colonnes extérieurs s'adapteront automatiquement

code:

<table width="100%" height="805" border="0" cellpadding="0" cellspacing="0">
 
                   <!-- head 01 -->
 <tr>
    <td height="113" colspan="5" align="center" valign="top">&nbsp;</td>
  </tr>
                   <!-- head 02 -->
  <tr>
    <td height="98" colspan="5" align="center" valign="top"><img src="images/titre_tordu_or.jpg" width="352" height="66" /></td>
  </tr>

  <tr>
    <td height="38" align="center">&nbsp;</td>
    <td width="250"align="center">Le N&eacute;nuphar ...<br />
Petite enfance</td>
    <td width="30" align="center">&nbsp;</td>

    <td width="250" align="center">Les Petits Flibustiers<br />
Enfance</td>
    <td align="center">&nbsp;</td>
  </tr>
  <tr>
    <td height="163" align="center">&nbsp;</td>
    <td width="250" align="center"><img src="images/vignette_reve.jpg" width="250" height="163" align="right" /></td>
    <td width="30" align="center">&nbsp;</td>

    <td width="250" align="center"><img src="images/vignette_flibuste2.jpg" alt="lit bateau" width="250" height="164" align="left" /></td>
    <td align="center">&nbsp;</td>
  </tr>
  <tr>
    <td align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td width="30" align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td align="center">&nbsp;</td>

  </tr>
  <tr>
    <td  align="center">&nbsp;</td>
    <td width="250" align="center"><p>Les Z&eacute;coss&eacute;s ...<br />
Petite enfance</p>    </td>
    <td width="30" align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>

    <td align="center">&nbsp;</td>
  </tr>
  <tr>
    <td align="center">&nbsp;</td>
    <td width="250" align="center"><img src="images/lesecossais_vignette.JPG" alt="litbateau" width="251" height="164" align="right" /></td>
    <td width="30" align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td  align="center">&nbsp;</td>
  </tr>

  <tr>
    <td  align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td width="30" align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td align="center">&nbsp;</td>
  </tr>
  <tr>
    <td align="center">&nbsp;</td>

    <td width="250" align="center">&nbsp;</td>
    <td width="30" align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td  align="center">&nbsp;</td>
  </tr>
  <tr>
    <td  align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td width="30" align="center">&nbsp;</td>

    <td width="250" align="center">&nbsp;</td>
    <td  align="center">&nbsp;</td>
  </tr>
  <tr>
    <td  align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td width="30" align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td  align="center">&nbsp;</td>

  </tr>
  <tr>
    <td  align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td width="30" align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td  align="center">&nbsp;</td>
  </tr>
  <tr>

    <td  align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td width="30" align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td  align="center">&nbsp;</td>
  </tr>
  <tr>
    <td  align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>

    <td width="30" align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td  align="center">&nbsp;</td>
  </tr>
  <tr>
    <td  align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td width="30" align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>

    <td align="center">&nbsp;</td>
  </tr>
  <tr>
    <td  align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td width="30" align="center">&nbsp;</td>
    <td width="250" align="center">&nbsp;</td>
    <td align="center">&nbsp;</td>
  </tr>

</table>


après corrections ça devrait être bon ... a verifier l'affichage de ta page risque de buggé si la taille de la fenêtre du visiteurs est bcp plus petite que le taille (en largeur) des tes 3 colonnes additionnés,
amis ca arrivera rarement parce qu'une fenêtre de 200px de large c' pas terrible pour aller sur le net

Répondre à BartWadela

4

BartWadela, le 15 avr 2008 à 19:42:31

J'ai été sur la page => http://www.songesetrigolades.com/test.htm
ca a l'air d'etre bon la !

Répondre à BartWadela

5

 wispgirl, le 15 avr 2008 à 22:10:46

C'est parfait
un grand MERCI !

Répondre à wispgirl