Fixer la largeur des colonnes d'un tableau

**CYCLOPE91440** · 16/01/2007, 12h17

Bonjour

je n'arrive pas à fixer la largeur des colonnes d'un tableau

voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Demande d'intervention</title>
 
</head>
<body>
<input type="button" value="Acceuil" onClick="document.location='index.php';" />
<strong>INTERVENTION EN COURS</strong><TABLE BORDER=1 ><TR > <TD width='50' height='50'>169</TD><TD width='50' height='50'>Poinssot</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ffffff</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>168</TD><TD width='50' height='50'>Poinssot</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>fffffff</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>167</TD><TD width='50' height='50'>Pti</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>dddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>166</TD><TD width='50' height='50'>Pti</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>dddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>165</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>164</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>163</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>162</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>161</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>160</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>159</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>158</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>157</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>156</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>155</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>154</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>153</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>152</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>151</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>150</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>149</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>148</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>147</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>146</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>145</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>144</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>143</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>142</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>141</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>140</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>139</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>138</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>137</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>136</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>135</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>134</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>133</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>132</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>131</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>130</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>129</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>128</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>127</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>essai</TD><TD width='50' height='50'>16/01/07</TD></TR> <TR > <TD width='50' height='50'>126</TD><TD width='50' height='50'>Melckmans</TD><TD width='50' height='50'>AMPLIER</TD><TD width='50' height='50'>essai</TD><TD width='50' height='50'>16/01/07</TD></TR> </form>
 
</body>
</html>

**MasterOfChakhaL** · 16/01/2007, 13h38

Je te suggère de modifier ton premier message et de remplacer le code php par le code html généré. Ca sera plus clair pour t'aider...

**CYCLOPE91440** · 16/01/2007, 13h52

Envoyé par MasterOfChakhaL

Je te suggère de modifier ton premier message et de remplacer le code php par le code html généré. Ca sera plus clair pour t'aider...

voilà j'ai copier le code source

merci de votre aide

**MasterOfChakhaL** · 16/01/2007, 14h06

Les cellules de tableaux s'adaptent forcément à leur contenu.
Donc la solution serait d'avoir un contenu qui ne dépasse pas.

Par exemple si dans tes cellules tu mets:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<td width="50">
  <p style="width: 50px;overflow:auto;">
    dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
  </p>
</td>

Ton contenu ne devrait pas déformer la cellule, en revanche tu te retrouves avec des scrolls qui ne sont pas forcément très esthétiques au milieu du tableau...

Puisque tu utilises un langage côté serveur, tu peux traiter ta chaîne afin d'insérer des espaces ou encore l'entité qui permet de couper le mot (tiret en fin de ligne).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<table border="1">
	<tr>
		<td width="50">
			dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
		</td>
	</tr>
</table>

Après la difficulté réside dans le fait de bien placer les coupures.

**CYCLOPE91440** · 16/01/2007, 14h47

je vais essayer cette idée et je vous tiens au courant

**CYCLOPE91440** · 16/01/2007, 14h57

j'ai mon retour à la ligne automatique qui ne marche pas
pourtant j'utilise bien la fonction wrap

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<br><td>Commentaire</td><td><textarea name='commentaire' cols='30' rows='5' WRAP="virtual"></textarea></td></br>

Je souhaiterai que l'on revienne à la ligne après le 3O eme caractere puis 60 eme et ainsi de suite...

**CYCLOPE91440** · 19/01/2007, 17h55

Je ne peux pas maitriser la longueur du texte inséré puisque c'est un "commentaire" que les utilisateurs utilisent pour préciser leur demande.

Bref existe t il un moyen de figer la largeur des colonnes d'un tableau et sans faire de scroll

Si je tape "entrer" pendant la frappe de mon texte il insere bien 2 lignes
Je veux que ce "entrer" se fasse tout seul lorsqu'on arrive à la fin de la ligne pour commencer une deuxieme ligne

Ca fait 2 jours que je cherche et pas moyen de faire ça

merci de votre aide

Fixer la largeur des colonnes d'un tableau

HTML

Discussions similaires

Partager

Partager