Tweet
Bonjour,
J'ai créée un tableau dans un article et j'ai besoin que les coins soient arrondi alors j'ai utilisé une div autour (car avec le tableau, je n'ai pas réussi à arrondir). Jusque là, tout va bien.
Maintenant, j'ai besoin de mettre un background-color dans mon tableau : 1 background-color à la première ligne (#24445c) et pour les autres lignes (#2060e0).
Le soucis c'est que la couleur déborde du coin arrondi et je ne vois pas comment faire pour y remédier...
Voici le code que j'utilise (avec sourcerer) :
Dans la pièce jointe, vous pouvez voir mon problème.
Merci par avance,
Bonne journée
J'ai créée un tableau dans un article et j'ai besoin que les coins soient arrondi alors j'ai utilisé une div autour (car avec le tableau, je n'ai pas réussi à arrondir). Jusque là, tout va bien.
Maintenant, j'ai besoin de mettre un background-color dans mon tableau : 1 background-color à la première ligne (#24445c) et pour les autres lignes (#2060e0).
Le soucis c'est que la couleur déborde du coin arrondi et je ne vois pas comment faire pour y remédier...
Voici le code que j'utilise (avec sourcerer) :
Code:
{source}
<head>
<style>
.div{
width:650px;
border:solid 1px black;
-moz-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;
text-align:center
}
.tablo td {
border:solid 0px black;
width:650px;
border-right:0px black solid;
border-bottom: 1px solid black;
padding: 10px 10px;
}
.tablo .border {
border-right:solid 1px black
}
</style>
</head>
<div class="div">
<table class="tablo" >
<tr>
<td class="border"> </td>
<td class="border">ENTREE INDIVIDUELLE</td>
<td class="border">FAMILLE NOMBREUSE*</td>
<td >PASS ANNUEL</td>
</tr>
<tr>
<td class="border">Adultes</td>
<td class="border">19€90</td>
<td class="border">16€50</td>
<td>59€</td>
</tr>
<tr>
<td class="border">Jeunes (13 à 17 ans inclus)</td>
<td class="border">15€50</td>
<td class="border">13€</td>
<td >46€</td>
</tr>
<tr>
<td class="border">Enfants (3 à 12 ans inclus)</td>
<td class="border">12€90</td>
<td class="border">10€50</td>
<td >38€</td>
</tr>
<tr>
<td class="border">Enfants (<3 ans)</td>
<td class="border">GRATUIT</td>
<td class="border">GRATUIT</td>
<td >-</td>
</tr>
<tr >
<td style="border-bottom:none" class="border">Carte ISIC</td>
<td style="border-bottom:none" class="border">13€</td>
<td style="border-bottom:none" class="border">-</td>
<td style="border-bottom:none">-</td>
</tr>
</table>
</div>
{/source}
Merci par avance,
Bonne journée
Fichiers joints
Commentaire