encadrer des groupes de colonne

Version imprimable

Bonjour à tous

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

Code:

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:

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

12/07/2006, 10h32
pimter

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

Sinon ton code marche avec du texte normal mais pas avec les colgroup. Je vois pas pourquoi dsl.
12/07/2006, 10h45
Linaa

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

Code:

.colgroup { border : 1px solid blue; }
12/07/2006, 11h02
boulette85

ok pour l'ordre
mais ca n'a pas résolu mon problème
12/07/2006, 11h06
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 ?
12/07/2006, 11h08
Linaa

Et en appliquant le style à l'élément ? (sans la classe)
12/07/2006, 11h23
boulette85

apparament cela vient du fait que IE n'accepte pas colgroup
12/07/2006, 11h28
pimter

Je pense que sa vient plus du BORDER-****

parce que j'ai essayé avec ca:
COLGROUP span=1 width=0* class=colgroup>
****

.colgroup
{
background-color=blue
}

et sa marche avec IE.
12/07/2006, 11h31
boulette85

oui c'est vrai
tu as raison

tu as une idée
pourquoi le border marche pas?
12/07/2006, 11h38
Bobybx

tes colgroup sont dans un tableau. Aurais-tu désactivé les border de la balise table et de tous ses enfants ?

C'est peut-être du côté du tableau...
12/07/2006, 11h43
boulette85

j'ai tout ôté les border mais ca ne marche toujours pas

c'est pas grave, je vais utiliser background

merci à tous pour votre aide

Citation:

Envoyé par Linaa

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

Code:

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

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é

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

Code:

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:

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

12/07/2006, 18h51
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.