Pb pour fixer la largeur d'une cellule
Résolu
laura
-
alfroune -
alfroune -
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!)
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!)
Configuration: Windows XP Internet Explorer 6.0
7 réponses
-
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 ?
-
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! -
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+ -
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 -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
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> -
-
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)
