Discussion :

[breizhcola29]

Bonjour,

j'ai un soucis au niveau de la distinction deux deux colonnes. Voici mon code (qui n'est pas le mien , je dois le reprendre pour en améliorer l'affichage) :

Code html :

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
<table class="table table-bordered table-condensed ">
<thead>
	<tr class="trmenu">
 
		<th class="tab1" rowspan="2" style="vertical-align:middle">Nom</th>
		<th class="tab1" rowspan="2" style="vertical-align:middle">Prenom</th>
		<th class="tab1" rowspan="2" style="vertical-align:middle">Type utilisateur</th>
		<th class="tab1" rowspan="2" style="vertical-align:middle">Login</th>
		<th class="tab1" rowspan="2" style="vertical-align:middle">Mot de passe</th>
		<th class="tab1" rowspan="2" style="vertical-align:middle">Matériel</th>
		<th class="tab1" rowspan="2" style="vertical-align:middle">Login TSE</th>
		<th class="tab1" rowspan="2" style="vertical-align:middle">Mot de passe TSE</th>
		<th width='120' class="tab1" rowspan="2" nowrap style="vertical-align:middle">< Gestion/th>
		<th class="tab1" colspan="4" id="mail" style="vertical-align:middle">Mail</th>
	</tr>
 
	<tr class="trmenu">
		<th class="tab1" style="vertical-align:middle">Adresse mail</th>
		<th class="tab1" style="vertical-align:middle">Compte mail </th>
		<th class="tab1" style="vertical-align:middle">Mot de passe</th>
		<th width='35' class="tab1" nowrap style="vertical-align:middle"></th>
	</tr>
</thead>

Le CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
table{
	border-collapse: collapse;
}
 
th{
	font-size: small;
	text-align: center;
}
 
td{
	font-size: small;
}

Le Remplissage est fait avec l'aide d'une BDD. J'aimerai avoir un espace blanc entre la colonne Gestion et celle de mail qui regroupe 4 sous colonnes. J'essaie depuis ce matin mais je n'y arrive pas !

Merci de vos réponses,

[Azerx]

Bonjour,
si j'ai bien compris, tu pourrais éventuellement créer une colonne vide entre "gestion" et "mail". Si elle ne s'affiche pas tu lui donne une largeur donnée!

[breizhcola29]

Bonjour,

désolé du retard de ma réponse, j'avais complétement oublié ! J'ai appliqué ta solution :

Code html :

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
<table class="table table-bordered table-condensed ">
	<thead>
	<tr class="trmenu">
 
		<th class="tab1" rowspan="2" style="vertical-align:middle">Nom</th>
		<th class="tab1" rowspan="2" style="vertical-align:middle">Prenom</th>
		<th class="tab1" rowspan="2" style="vertical-align:middle">Type utilisateur</th>
		<th class="tab1" rowspan="2" style="vertical-align:middle">Login</th>
		<th class="tab1" rowspan="2" style="vertical-align:middle">Mot de passe</th>
		<th class="tab1" rowspan="2" style="vertical-align:middle">Matériel</th>
		<th class="tab1" rowspan="2" style="vertical-align:middle">Login TSE</th>
		<th class="tab1" rowspan="2" style="vertical-align:middle">Mot de passe TSE</th>
		<th width='120' class="tab1" rowspan="2" nowrap style="vertical-align:middle">Gestion</th>
		<th width='30px' class="tab1"></th>
		<th class="tab1" colspan="4" id="mail" style="vertical-align:middle">Mail</th>
	</tr>
 
	<tr class="trmenu">
		<th class="tab1" style="vertical-align:middle">Adresse mail</th>
		<th class="tab1" style="vertical-align:middle">Compte mail </th>
		<th class="tab1" style="vertical-align:middle">Mot de passe</th>
		<th width='35' class="tab1" nowrap style="vertical-align:middle"></th>
	</tr>
</thead>

Voici le résultat en image (V1 avant la solution, V2 après)
Le résultat obtenu n'est pas totalement ce que je veux =(

Cordialement,

[Azerx]

Tu pourrais faire un schéma rapide (genre paint) de ce que tu voudrais? Ce serait plus facile de t'aider en visualisant la chose

[Azerx]

Si ma première solution ne marche pas (et si j'ai toujours bien compris ce que tu veux faire), tu pourrais également donner un "margin left: X px" à ton id "mail"
Cela donnerait par exemple:

Code :

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

<th class="tab1" colspan="4" id="mail" style="vertical-align:middle; margin-left: 30px">Mail</th>

Pense quand même à mettre ça dans un .css, c'est plus joli

[breizhcola29]

Sa change toujours rien =). Se serait possible que sa vienne de la taille du tableau qui doit remplir toute la page, parce que j'ai l'impression que le tableau a une taille fixe.
Sinon voici un schéma :