Discussion :

[moimp]

Bonjour,
J'ai le tableau suivant:

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
<style>
	.summariesSheet tr:nth-child(odd)
	{
		background:#CCC;
	}
	.summariesSheet td:first-child
	{
		width:15rem;
		border:1px solid blue;
	}
	.summariesSheet span
	{
		width:10rem;
		border:1px solid red;
	}
</style>
<table class="summariesSheet">
	<thead>
		<tr><th>Infos</th><th>Résumé</th></tr>
	</thead>
	<tbody>
		<tr>
			<td><span>Date:</span> <strong>30/01/2015</strong><br><span>Représentant:</span> <br><span>Filtre:</span> Rhône-Alpes<br><span>Type:</span> Visite<br></td><td>Ce client est ...texte</td>
		</tr>
		<tr>
			<td><span>Date:</span> <strong>02/02/2015</strong><br><span>Représentant:</span> <br><span>Filtre:</span> Rhône-Alpes<br><span>Type:</span> Courriel<br></td><td>Demande de renseignements complémentaires.</td>
		</tr>
	</tbody>
</table>

La largeur de la balise span n'est pas prise en compte. Pourtant elle apparaît correctement (non rayée) dans la console. Le reste fonctionne.

[darkstar123456]

Bonjour,

La balise span est de type inline.
Il n'est donc pas possible de lui définir une width sans changer son attribut display.

Il faut donc par exemple écrire :

Code css :

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

1
2
3
4
5
6
.summariesSheet span
{
    display: inline-block;
    width:10rem;
    border:1px solid red;
}

[moimp]

Merci