Discussion :

[GLDavid]

Bonjour

J'ai un petit souci d'esthétisme pour l'une de mes pages JSP. En effet, cette page affiche un tableau de résultat. La dernière ligne de ce tableau a les paramètres suivantes dans la stylesheet :

Code :

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

1
2
3
4
5
 
.lastline{
	border-bottom: 3px solid black;
	text-align: center;
}

Et voici une portion de code Java pour la construction de tableau :

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
 
for(long i=0; i<params.getSize(); i++){
		SegmentsPairRealTime sp = (SegmentsPairRealTime)params.getPairOfPrimersResults().getPair((int)i);
		if(i==params.getSize()-1){
			out.print("<tr class=\"lastline\">");
		}
		else{
			out.print("<tr class=\"line\">");
		}
		out.print("<td>"+(i+1)+"</td>");
		out.print("<td>"+sp.getAmpliconLength()+"</td>");
		java.text.DecimalFormat df = new java.text.DecimalFormat("###.00");
		out.print("<td>"+df.format(sp.getPercentGC())+"</td>");
		out.print("<td>"+sp.getLeft().getStart()+"</td>");
		out.print("<td>"+sp.getLeft().getEnd()+"</td>");
		out.print("<td><span class=\"sequence\">"+sp.getLeft().getSegmentSeq()+"</span></td>");
		out.print("<td>"+sp.getRight().getStart()+"</td>");
		out.print("<td>"+sp.getRight().getEnd()+"</td>");
		out.print("<td><span class=\"sequence\">"+sp.getRight().getSegmentSeq()+"</span></td>");
		out.print("</tr>");
	}

J'ai aussi regardé dans le code HTML de ma page, tout est normal.
Mais (il en faut bien 1), ma ligne noire de 3 pixels n'est pas dessinée.
Pourquoi cette bizarrerie ?

Merci d'avance.

@++

[blueice]

Et en faisant :

Code :

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

1
2
 
<tr class="ta classe"></tr>

Essaye de nous balancer le code html généré par le navigateur...

[blueice]

Effectivement ca ne marche pas, l'épaisseur n'est pas prise en compte, par contre en faisant de la sorte ca marche :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<tr>
    <td class="lastline">&nbsp;</td>
    <td class="lastline">&nbsp;</td>
    <td class="lastline">&nbsp;</td>
    <td class="lastline">&nbsp;</td>
    <td class="lastline">&nbsp;</td>
    <td class="lastline">&nbsp;</td>
    <td class="lastline">&nbsp;</td>
  </tr>

[GLDavid]

Ok, je vais passer par ça.
Je te tiens au courant.
Mais, je ne vois pas pourquoi ça marche pas en mettant la définition de ma classe dans la balise tr.

Merci blueice.

@++

[blueice]

J'ai trouvé :-)

***EDIT***

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
table {
width:50%;
border-top:1px solid black;
border-right:0;
border-bottom:0;
border-left:1px solid black;
border-collapse:collapse;
}
 
td {
border-top:0;
border-right:1px solid black;
border-bottom:1px solid black;
border-left:0;
}
 
.lastline {
border-bottom:5px solid black;
}

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
31
32
33
34
35
36
37
<table>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr class="lastline">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

[masu]

Et un truc un peu plus simple comme ca n'irait pas ?

Code :

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

1
2
3
4
5
6
7
8
table {
border-collapse:collapse;
border: 1px solid black;
border-bottom: 3px solid black;
}
td, th {
border: 1px solid black;
}

Code :

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

1
2
3
4
5
<table>
<tr><td>dummy</td><td>dummy</td></tr>
<tr><td>dummy</td><td>dummy</td></tr>
<tr><td>dummy</td><td>dummy</td></tr>
</table>

[blueice]

Et un truc un peu plus simple comme ca n'irait pas ?

MDR, je revenais justement pour dire qu'on était parti chercher loin quelque chose de très simple. Et j'avais la même solution que tu as donné.