Discussion :

[boulette85]

Bonjour à tous

j'ai crée des groupes de colonnes dans un tableau

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
	Response.Write "<COLGROUP span=4 width=0* class=colgroup>"
	Response.Write "<COLGROUP span=1 width=0* class=colgroup>"
	Response.Write "<COLGROUP span=3 width=0* class=colgroup>"
	Response.Write "<COLGROUP span=4 width=0* class=colgroup>"
	Response.Write "<COLGROUP span=2 width=0* class=colgroup>"
	Response.Write "<COLGROUP span=2 width=0* class=colgroup>"
	Response.Write "<COLGROUP span=2 width=0* class=colgroup>"
	Response.Write "<COLGROUP span=5 width=0* class=colgroup>"
	Response.Write "<COLGROUP span=2 width=0* class=colgroup>"
	Response.Write "<COLGROUP span=1 width=0* class=colgroup>"

et j'ai mis dans le CSS :

Code :

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

1
2
3
4
5
6
7
8
 
.colgroup
{
    BORDER-RIGHT: blue 1px solid;
    BORDER-TOP: blue 1px solid;
    BORDER-LEFT: blue 1px solid;
    BORDER-BOTTOM: blue 1px solid
}

mais je n'ai toujours pas de cadre autour de mes groupes de colonnes

une idée ???

merci

[pimter]

Merci beaucoup boulette. Sa fesez longtemps que je cherché comment encardrer du texte et tu viens de me donner la réponse.

Sinon ton code marche avec du texte normal mais pas avec les colgroup. Je vois pas pourquoi dsl.

[Linaa]

Il faut d'abord mettre l'epaisseur, puis le style, puis la couleur
En une ligne, t'obtiens

Code :

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

.colgroup { border : 1px solid blue; }

[boulette85]

ok pour l'ordre
mais ca n'a pas résolu mon problème

[Bobybx]

Je ne vois pas la solution mais j'ai juste une question car ton code m'intrigue

width=0*

A quoi te sert l'étoile ?

[Linaa]

Et en appliquant le style à l'élément ? (sans la classe)

[boulette85]

apparament cela vient du fait que IE n'accepte pas colgroup

[masu]

Il faut d'abord mettre l'epaisseur, puis le style, puis la couleur
En une ligne, t'obtiens

Code :

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

.colgroup { border : 1px solid blue; }

c'est quoi cette legende hurbaine?
Ya pas d'ordre pour les propriétés de border, du moins avec IE et FF

Code :

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

1
2
3
4
5
6
7
 
<div style="border:1px solid red;">teste</div><br />
<div style="border:1px red solid;">teste</div><br />
<div style="border:solid 1px red;">teste</div><br />
<div style="border:solid red 1px;">teste</div><br />
<div style="border:red solid 1px;">teste</div><br />
<div style="border:red 1px solid;">teste</div><br />

mais dsl ca ne resoud pas le probleme posé

[masu]

Bon pour me faire pardonner d'avoir failli lancé un troll j'ai trouvé quelque chose de pas mal

Code :

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

1
2
3
4
5
6
7
8
9
table {
	border-collapse:collapse;
}
colgroup {
	border: blue 1px solid;
}
thead th {
	border-bottom: blue 1px solid;
}

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<table summary="colgroup tests">
<colgroup span="2" width="50" class="color1" />
<colgroup span="3" width="0*" class="color2" />
<thead>
<tr><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th></tr>
</thead>
<tbody>
<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>
</tbody>
</table>

edit: dsl ca ne marche pa sous IE

[pimter]

Etant donné que le contour marche que quand on y met du texte (et non des colgroup).
Ya t il un moyen pour que le texte soit décalé du contour? pour évité de commencer chaque ligne par un ou deux expace.