Code pour création d'un tableau arrondi avec ombre portée derrière

[Shashy]

Bonjour à tous !  

Je suis tellement bavarde que j'ai besoin de vous toutes les dix minutes ! Alors voilà, je recherche un code et le CSS qui va avec afin de créer un tableau qui me permettra de mettre une image dans l'entête et ce tableau aura des coins arrondis. Je souhaiterai également qu'il y ait une ombre portée derrière noire, de préférence s'il vous plaît. Comme si ça faisait une fiche !

Merci beaucoup pour votre aide !

[Lixyr]

Bonsoir,

Pour faire ce que vous voulez il faut procéder par étape :
 créer un tableau :

Code:

<table><tr><td>CONTENU ICI</td></tr></table>

mettre une classe au tableau pour pouvoir la modifier via le css

<table class="tableauArrondis"><tr><td>CONTENU ICI</td></tr></table>

modifier la classe via le css :
panneau d'administration >> affichage >> couleur >> feuille de style CSS

Code:

.tableauArrondis {
box-shadow:1px 1px 2px #000000; //ombre sur le tableau noire (code couleur #000000) - décalage d'1px à gauche, 1px en bas, flouté de 2px
border-radius: 8px; //bords arrondis de 8px
-webkit-border-radius: 8px; //arrondis de 8px sur safari et chrome
-o-border-radius: 8px; //arrondis de 8px sur opéra - surement inutile
}

Après à vous de modifier ça comme vous voulez.

[Shashy]

Bonjour,

Merci pour votre aide, le code fonctionne.