Couleur de fond dans un tableau

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Couleur de fond dans un tableau

    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) :

    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}
    Dans la pièce jointe, vous pouvez voir mon problème.

    Merci par avance,

    Bonne journée
    Fichiers joints
    Dernière édition par bizerte77 à 04/03/2012, 16h42

  • #2
    Re : Couleur de fond dans un tableau

    Bonjour,

    Personne pour m'aider?

    Bonne journée

    Commentaire


    • #3
      Re : Couleur de fond dans un tableau

      Bonjour,

      Finalement j'ai supprimer ma div pour laisser que le tableau et j'ai réussi à utiliser border-radius (sauf IE7 et 8) mais ce n'est qu'un détail...

      Bonne journée

      Commentaire

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X