Problème de colonne

**roudoudouduo** · 04/07/2006, 14h12

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

**masu** · 04/07/2006, 14h38

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

**roudoudouduo** · 04/07/2006, 14h57

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

Code :

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

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

**masu** · 04/07/2006, 15h11

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

Code :

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

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

attention aux fautes de frapes

Code :

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

<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 :

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

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%">&nbsp;</td>
			<td style="width: 33%">&nbsp;</td>
			<td style="width: 34%">&nbsp;</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%">&nbsp;</td>
			<td style="width: 33%">&nbsp;</td>
			<td style="width: 34%">&nbsp;</td>
					</tr>			
					<tr>
						<td>b1</td> 
						<td>b2</td>
						<td>b3</td>
					</tr>
				</table>

**roudoudouduo** · 04/07/2006, 15h16

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.

Problème de colonne

HTML

Vue hybride

Discussions similaires

Partager

Partager