Pb pour fixer la largeur d'une cellule

Résolu/Fermé
laura - 23 juil. 2007 à 13:06
 alfroune - 24 nov. 2011 à 09:22
Voilà dans ma page html j'ai un tableau à 2 colonnes. Je dois fixer la largeur da la première colonne à 350 px, je n'indique rien pour la deuxième pour que sa taille soit relative à la résolution de l'écran.

mon code pour la première colonne:
<td width='350'>
<!-- inclusion du code menu-->
<div align="center">
<script src="includes/menu.js" language="javascript" type="text/JavaScript"></script>
</div>
</td>

Le problème, c'est que le 350 pixels au lieu d'être affecté à la colonne, il est affecté au menu contenu dans la colonne.

Est-ce que quelqu'un aurait une explication? (voir une solution!)

7 réponses

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
23 juil. 2007 à 15:23
Bonjour,

Moi aussi j'ai du mal à comprendre.

Ta première colonne fait bien 350.

Dis voir si tu trouves une solution là-dessous :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  <head>
    <meta name="generator" content="HTML Tidy for Linux/x86 (vers 1st November 2002), see www.w3.org" />
    <title>Le Sinistros</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
      td {
        border : 1px dashed #4c4;
        }
    </style>
  </head>
  <body>
    <h4>Tes tableaux</h4>
    <table style="height:100%; width:100%; border:1px solid #888;">
      <tr>
        <td style="width:350px;">inclusion d'un menu en javascript</td>
        <td>définition d'une iframe</td>
      </tr>
      <tr>
        <td colspan="2">
          <table style="height:100%; width:100%; border:1px solid #888;">
            <tr>
              <td>image</td>
              <td style='vertical-align:middle;'>texte</td>
              <td style="text-align:right;">lien</td>
            </tr>
          </table>
        </td>
      </tr>
    </table>

    <p><br /></p>

    <h4>Les mêmes avec une petite modif.</h4>
    <table style="height:100%; width:100%; border:1px solid #888;">
      <tr>
        <td rowspan="2" style="width:350px;">inclusion d'un menu en javascript</td>
        <td>définition d'une iframe</td>
      </tr>
      <tr>
        <td>
          <table style="height:100%; width:100%; border:1px solid #888;">
            <tr>
              <td>image</td>
              <td style='vertical-align:middle;'>texte</td>
              <td style="text-align:right;">lien</td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>


+ Pourquoi utilises-tu un tableau pour construire ta page ?
4
finalement j'ai bidouillé un truc pour contourner mon problème.

En fait, c'est le tableau sur la deuxième ligne qui empechait ma colonne d'être fixe bien qu'il y ait un colspan.

merci quand même!
4
Angelneonizz Messages postés 784 Date d'inscription mardi 9 décembre 2003 Statut Membre Dernière intervention 19 février 2018 137
23 juil. 2007 à 13:23
salut je sais pas si j'ai bien compris ton problème mais essaye ça :

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="350">Contenu 1ere colonne </td>
<td>contenu 2ieme colonne </td>
</tr>
</table>

a+
1
Excuse moi si je ne suis pas très claire.

en fait mon tableau est déjà construit comme tu le propose:

1ère ligne:
<table height=100% width=100%>
<tr width=100% >
<td width=350>
inclusion d'un menu en javascript
</td>
<td>
définition d'une iframe
</td>
</tr>

2ème ligne:
<tr width=100%>
<td colspan=2>
<table height=100% width=100%>
<tr>
<td>image></td>
<td style='vertical-align:middle;'>texte</td>
<td align='right'>lien</td>
</tr>
</table>
</td>
</tr>
</table>

mon problème est toujours le même: je voudrais que la largeur de ma 1ere colonne soit fixe.

Voilà c'est peut-être plus clair
1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Angelneonizz Messages postés 784 Date d'inscription mardi 9 décembre 2003 Statut Membre Dernière intervention 19 février 2018 137
23 juil. 2007 à 15:24
en ajoutant nowrap (pas de retour à la ligne automatique) avec du texte ça marche, aprés si non je ne vois pas

se qui donne : <td width=350 nowrap>
1
MrSocrate Messages postés 13 Date d'inscription mardi 17 juillet 2007 Statut Membre Dernière intervention 23 juillet 2007 9
23 juil. 2007 à 13:20
0
met des <div> a la place de tes tables dans les tables et tu verras ca reglera tes probleme (et utilise des ul et li aussi)
0