[CSS] Comment faire des ombres tout autour du tableau

[Wave]

Bonjour je voudrai un résultat comme celui-ci (sans le texte juste les contours)

Mais je n'ai pu trouver que ça:

Code:

/*-- trame de administrateur dans les messages, style --*/
.admin {
  background: #e7f0f5;
 -moz-border-radius: 10px;
 -webkitborder-radius: 10px;
 border-radius: 10px;
  border: 3px double #000000;
  color: #000000;
  font-weight: bold;
  width: 80%;
  margin: auto;
  box-shadow: 1px 1px 12px #000000;
}                     

N'y aurait-il pas un code plus... comment dire... précis?

Amicalement.

[Invité]

Bonjour,

Difficile de faire plus précis, à moins d'annoter le code CSS:

Code:

/*-- trame de administrateur dans les messages, style --*/
.admin {
  background: #e7f0f5;/*couleur de fond*/
 -moz-border-radius: 10px;
 -webkitborder-radius: 10px;/*arrondis*/
 border-radius: 10px;
  border: 3px double #000000;/*contours*/
  color: #000000;/*couleur du texte*/
  font-weight: bold;/*gras*/
  width: 80%;/*largeur*/
  margin: auto;/*marge extérieure*/
  -moz-box-shadow: 1px 1px 12px #000000;
  -webkit-box-shadow: 1px 1px 12px #000000;/*ombre*/
  box-shadow: 1px 1px 12px #000000;
}

Il vous suffit de vous servir de cette class CSS dans un tableau ou dans une div pour votre message:

Code:

[table class="admin"][tr][td]texte[/td][/tr][/table]

ou

Code:

<div class="admin">texte</div>

Cordialement.

[kheino]

Bonjour,

C'est une propriété du CSS3 qui se nomme "box-sahdow".
Il suffit d'ajouter cette prorpriété comportant 4 lignes de mêmes valeurs pour que d'autres navigateurs puissent les lire :
http://css.mammouthland.net/css3/boites-et-lettres-ombres.php


EDIT : Arf Isolde, les routes sont glissantes, les carambolages de topics aussi, même si les freins fonctionnent bien...

[Wave]

Merci Isolde et Final-Blonde, pour vos astuces