Problème de colonne

Version imprimable

04/07/2006, 14h12
roudoudouduo

Problème de colonne

Bonjour,
Je voudrais en HTML définir une taille de colonne qui soit fixe qu'elle que soit les elements qui sont dedans :
Par exemple si je definis la colonne à 50% (style="width: 50%") alors meme si un élément depasse cette taille cela ne déforme par la colonne.
Merci d'avance pour vos réponses
04/07/2006, 14h38
masu

je pense que pour gerer ce genre de probleme tu peu regarder du cote de la propriété css overflow.

Voici un code html qui représente bien mon problème et qui a le mérite de la simplicité extreme :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<body>
	<table style="width: 140" border="1">
		<tr>
			<td style"width: 10">
			<td style"width: 10">
			<td style"width: 10">
		</tr>
		<tr>
			<td>a1</td>
			<td>a2</td>
			<td>a3</td>
		</tr>
		<tr>
			<td colspan="3">
				<table style="width: 100%" border="1" >	
					<tr>
						<td style"width: 10">
						<td style"width: 10">
						<td style"width: 10">
					</tr>			
					<tr>
						<td>b1</td> 
						<td>b2</td>
						<td>b3</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>

Je voudrais que le second tableau (b1,b2,b3) ait ces colonne alignés parfaitement avec le premier. Je ne sais pas si c'est possible (j'ai l'impression que non).

pas mal d'erreur dans le code que tu propose. En css il faut metre une unités deriere les valeurs de mesure

Code:

<table style="width: 140px" border="1">

attention aux fautes de frapes

Code:

<td style="width: 10">

une chose etrange est que tu defini une taille total de 14 et que tu a 3 colonnes qui font 10, ca parait paradoxal.
Une des question que je me pose ne peu tu pas mettre toutes tes infos dans le meme tableau ?
et sinon si tu donne les meme valeurs au tableau tu obtiendra le meme rendu, exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <table border="1" style="width:140px;"> <tr> <td style="width: 33%"> </td> <td style="width: 33%"> </td> <td style="width: 34%"> </td> </tr> <tr> <td>a1</td> <td>a2</td> <td>a3</td> </tr> </table> <table border="1" style="width:140px;"> <tr> <td style="width: 33%"> </td> <td style="width: 33%"> </td> <td style="width: 34%"> </td> </tr> <tr> <td>b1</td> <td>b2</td> <td>b3</td> </tr> </table>

04/07/2006, 15h16
roudoudouduo

Je voudrais bien mettre toutes les infos dans le meme tableau, mais je ne peux pas de la facon dont est fait mon code (a moins que div puisse encadre un ensemble de ligne d'un tableau). Dsl pour les fautes de frappre je ne les ai vu que après avoir envoyé mon code. Pour la taille j'utilise également des % habituellement, mais la j'avais mis des tailles fixes pour des tests.