Pb pour fixer la largeur d'une cellule [Résolu]

laura - Dernière réponse le 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'>

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

Pb pour fixer la largeur d'une cellule »

Suggestions

Pb pour fixer la largeur d'une cellule
'figer' la taille des cellules d'un tableau (Résolu) » Forum
Css : taille de la page ? (Résolu) » Forum
[HTML ou CSS] fixer la hauteur d'une cellule (Résolu) » Forum
Fixer le largeur d'un JPanel en java » Forum
Libre Office : fixer un".jpg" dans une cellul » Forum

Plus

Réponse

laura 23 juil. 2007 à 16:33

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!

Ajouter un commentaire

Réponse

Gihef 5246Messages postés 20 juillet 2005Date d'inscription 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 ?

Ajouter un commentaire

Réponse

Angelneonizz 442Messages postés 9 décembre 2003Date d'inscription 6 janvier 2012Dernière intervention 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+

Ajouter un commentaire - Site web

Réponse

laura 23 juil. 2007 à 14:00

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

Ajouter un commentaire

Réponse

MrSocrate 13Messages postés 17 juillet 2007Date d'inscription 23 juil. 2007 à 13:20

figer la taille des cellules d un tableau

Ajouter un commentaire

Réponse

Angelneonizz 442Messages postés 9 décembre 2003Date d'inscription 6 janvier 2012Dernière intervention 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>

Ajouter un commentaire - Site web

Réponse

alfroune 24 nov. 2011 à 09:22

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)

Ajouter un commentaire

Répondre au sujet

Posez votre question

Dossier à la une

Les pires photos de famille

Mises en scène étranges, coiffures démodées ou poses incongrues... Découvrez les pires photos de famille du site américain Awkward Family.

Pb pour fixer la largeur d'une cellule [Résolu]

Pb pour fixer la largeur d'une cellule »

Les pires photos de famille