28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je souhaiterais mettre une bordure pour chaque ligne d'un tableau. Sous Firefox ça fonctionne nickel, mais bien entendu sous IE je n'ai aucune bordure affichée (testé avec IE7 en mode quirk ou normal).

Le code CSS :


table#produit tr {
	position: relative;	
	border: 5px solid green;
	padding: 4px;
}


Le code HTML :

<table id="produit">
<tr>
<td class="produit_image"><img src="img/produit/specialite_4fromages.jpg" /></td>
<td class="produit_libelle">
				<h1>Spécialité 4 Fromages</h1>
				<h2>brousse, roquefort, chèvre, fromage</h2>
</td>
<td><h3>8.50 &euro;</h3></td>

</tr>

<tr>
<td class="produit_image">
.../....
</tr>
</table>


Si je remplace par table#produit ou table#produit TD j'ai bien un effet de bordure mais pas l'effet souhaité (sur chaque ligne).

Merci beaucoup.
Modifié par BuX (04 Oct 2010 - 11:42)