28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'affiche des données dans un tableau <table class="rcTable"> dont le style est défini comme suit :
.rcTable {
	font-family: Verdana; 
	font-size: 90%; 
	border: 1px solid #363; 
	border-collapse: collapse;
	margin: auto;
	margin-bottom: -2em;
}
.rcTable tr {
	padding: 2px 4px 1px 4px; 
	border: 1px solid #6c6;  
}
.rcTable th {
	padding: 4px; 
	border: 1px solid #363;  
	font-weight: bold; 
	background: #bd9; 
	font-size: 95%;	
}
.rcTable td {
	padding: 2px 4px 1px 4px; 
	border: 1px solid #6c6;  
}

L'appel est :
<table class="rcTable">	
	<tr>
		<th>colonne 1</th>
		<th>colonne 2</th>
		<th>colonne 3</th>
		<th>colonne 4</th>
	</tr>		
	<tr> 
		<td>data 1</td>
		<td>data 2</td>
		<td>data 3</td>
		<td>data 4</td>
	</tr>	
</table>

Lors de l'affichage à l'écran, mon tableau respecte mes souhaits, mais à l'impression, seuls les contenus des cellules apparaissent, les bordures sont invisibles, or, j'aimerais les voir.

Que se passe-t-il ?

Merci. [code]
Modifié par ybruant (16 Aug 2007 - 11:09)