Discussion :

[Poulpynette]

Bonjour,

J'ai cherché (forums, tutoriaux) mais n'ai pas trouvé de problème équivalent ni de réponse à mon problème. J'espère ne pas faire doublon, si c'est le cas désolée ^^

Voilà mon souci, j'ai un tableau de résultats avec une nombre de colonnes important (je sais c'est moche). Du coup ma table dépasse allègrement en largeur la taille de la fenêtre du navigateur.

J'ai laissé libre la taille de la table et des colonnes, ainsi le navigateur ratatine tout en largeur comme il peut.

Ce que je souhaiterais, c'est pouvoir fixer la taille (en pixels) de certaines colonnes (en CSS de préférence), pour des raisons esthétiques, de manière à les agrandir un peu.

Est-ce possible ?
Dois-je pour cela fixer tous les éléments en pixels ? (table, cellules)

Merci d'avance pour vos solutions.

[GihefBey]

Bonjour,

Un problème similaire est soulevé dans ce post.

Donne-nous le code HTML et CSS de ta page.

-

[Poulpynette]

Un problème similaire est soulevé dans ce post.

Je viens de lire ce post, mais ça ne m'aide pas du tout puisque je n'ai pas le même problème.

Donne-nous le code HTML et CSS de ta page.

Je doute qu'il aide beaucoup. Une simple table avec de nombreuses colonnes (de manière à dépasser exagérément la largeur de la fenêtre du navigateur).

Je peux quand même vous donner le début, mais tout coller est inutile.

JSP :

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
<table class="tableResultats">
<%-- Entête de la table de résultats : PDT --%>
<tr>
<td class="pdt"><bean:message key="machinchose.col1" /></td>
<td class="pdtAuto"><bean:message key="machinchose.col2" /></td>
<td class="pdtAuto"><bean:message key="machinchose.col3" /></td>
<td class="pdt"><bean:message key="machinchose.col4" /></td>
<td class="pdt"><bean:message key="machinchose.col5" /></td>
<td class="pdt"><bean:message key="machinchose.col6" /></td>
<td class="pdt"><bean:message key="machinchose.col7" /></td>
<td class="pdt"><bean:message key="machinchose.col8" /></td>
<td class="pdt"><bean:message key="machinchose.col9" /></td>
<td class="pdt"><bean:message key="machinchose.col10" /></td>
<td class="pdt"><bean:message key="machinchose.col11" /></td>
<td class="pdt"><bean:message key="machinchose.col12" /></td>
<td class="pdt"><bean:message key="machinchose.col13" /></td>
<td class="pdt"><bean:message key="machinchose.col14" /></td>
<td class="pdt"><bean:message key="machinchose.col15" /></td>
<td class="pdt"><bean:message key="machinchose.col16" /></td>
<td class="pdtAuto"><bean:message key="machinchose.col17" /></td>
<td class="pdt"><bean:message key="machinchose.col18" /></td>
<td class="pdt"><bean:message key="machinchose.col19" /></td>
<td class="pdt"><bean:message key="machinchose.col20" /></td>
<td class="pdt"><bean:message key="machinchose.col21" /></td>
<td class="pdt"><bean:message key="machinchose.col22" /></td>
<td class="pdt"><bean:message key="machinchose.col23" /></td>
<td class="pdt"><bean:message key="machinchose.col24" /></td>
</tr> [...]

CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.tableResultats {
	border: 1px solid #cbd300;
	border-spacing: 0;
	border-collapse: collapse;
}
 
.pdt, .pdtAuto {
	background-color: #cbd300;
	color: white;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 4px;
	white-space: nowrap;
}

NB : pdt et pdtAuto ont les mêmes propriétés pour le moment.
C'est pour les colonnes ayant la classe "pdtAuto" que je souhaite fixer la largeur (agrandir).

[Général03]

Même si tu rajoutes cela ça ne fonctionne pas ???

Code :

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

1
2
3
.pdtAuto {
width:10%;
}

[Poulpynette]

Non, ni en pixels, ni en pourcentage ...

[Général03]

Alors je ne comprend pas le problème que tu as ?