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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par Shashy le Jeu 8 Mai 2014 - 14:54

Bonjour à tous ! Embarassed 

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 ! Smile

Merci beaucoup pour votre aide !


Dernière édition par Shashy le Ven 9 Mai 2014 - 12:38, édité 1 fois

Shashy
****

Féminin
Messages : 306
Inscrit(e) le : 01/12/2013

http://www.forumactif.com/
Shashy a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par Lixyr le Ven 9 Mai 2014 - 0:18

Bonsoir,

Pour faire ce que vous voulez il faut procéder par étape :
Like a Star @ heaven créer un tableau :
Code:
<table><tr><td>CONTENU ICI</td></tr></table>
Like a Star @ heaven mettre une classe au tableau pour pouvoir la modifier via le css
<table class="tableauArrondis"><tr><td>CONTENU ICI</td></tr></table>
Like a Star @ heaven 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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

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

Message par Shashy le Ven 9 Mai 2014 - 12:38

Bonjour,

Merci pour votre aide, le code fonctionne. Smile

Shashy
****

Féminin
Messages : 306
Inscrit(e) le : 01/12/2013

http://www.forumactif.com/
Shashy a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum