tableau avec colonne de taille maxi

Version imprimable

28/05/2007, 16h16
dark vador

tableau avec colonne de taille maxi

Bonjour
je souhaite créer un tableau dont la première colonne a une taille maximale. En effet si je donne une valeur au width et que mon texte est plus grand il va augmenté la taille de la colonne ce que je ne veut pas.
Sinon s'il n'y a aucun moyen pour mettre une taille maximum j'aimerai savoir s'il est possible de récupéré la valeur réelle de la colonne car l'attribut width ne me donne jamais la bonne valeur.
28/05/2007, 17h22
blueice

Fixe la taille de ta colonne en CSS :roll:
28/05/2007, 17h24
dark vador

Et ce que tu peut me donner un peu plus de détail je ne connais pas du tout le CSS

Un bête 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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
        "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Untitled</title>
	<style type="text/css" title="text/css">
/* <![CDATA[ */
table{ border:1px solid black; border-collapse:collapse; }
#1colonne { width:200px; background-color:gray; }
 
/* ]]> */
</style>
</head>
<body>
<table>
	<tr>
		<td id="1colonne">Lorem ipsum dolor sit amet, consectetuer
		adipiscing elit. Phasellus feugiat tempor sem. Phasellus aliquam
		diam sed risus. Integer arcu mi, fringilla a, ultricies a,
		dictum sit amet, pede. Sed semper. Curabitur commodo augue sed
		magna. Nulla pede lorem, ultrices non, consequat quis, aliquet
		vel, risus. Proin semper accumsan massa. Donec sagittis
		tincidunt elit. Praesent placerat libero ut justo. Etiam
		vulputate augue quis est. Nam sodales velit eu velit.
		Pellentesque tincidunt vehicula felis. Vestibulum leo tellus,
		rutrum vitae, ornare a, rhoncus sit amet, nisl. Nulla pede enim,
		luctus sit amet, tempor sit amet, commodo ut, justo. Donec eget
		ipsum. Ut arcu velit, lobortis a, tempor eu, auctor sed, ante.
		Morbi commodo lorem vel libero. Ut fringilla pretium lacus.</td>
		<td>tutu</td>
	</tr>
	<tr>
		<td>titi</td>
		<td>tata</td>
	</tr>
</table>
</body>
</html>

29/05/2007, 10h20
dark vador

Merci effectivement ca marche.
Malheureusement ca ne résout pas mon problème car j'affiche en fait une longue chaine de caractères sans espace et dans ce cas même avec le CSS il ne bloque pas la longueur de la colonne.
Je pense que le plus simple va être de troncer ma chaîne et d'afficher le version entière dans la bulle d'aide.
ps : Si jamais une autre solution existe je suis preneur.
ps bis : le

Code:

#1colonne { width:200px; background-color:gray; }

marche pas chez moi. Si je met td à la place du #1colonne ca marche mais sinon non.

Merci beaucoup.
29/05/2007, 10h25
kaiser59

salut,

Si tu ne sépare pas ton texte, il est impossible de fixer ta cellule. Je me trompe peut etre mais ton remède je pense serait alors de compter les lettre et de faire un retour tout les n lettre.

++
29/05/2007, 10h39
blueice

Pour couper ta chaîne, tu peux te servir de l'un de mes billets...
29/05/2007, 11h31
dark vador

Merci beaucoup pour ces réponses. Avec ca j'arrive à faire a peut près ce que je veut.
Merci