[CSS] Comment faire des ombres tout autour du tableau

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

Résolu [CSS] Comment faire des ombres tout autour du tableau

Message par Wave le Ven 6 Jan 2012 - 13:13

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.


Dernière édition par Flo-73 le Ven 6 Jan 2012 - 19:23, édité 1 fois

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [CSS] Comment faire des ombres tout autour du tableau

Message par Invité le Ven 6 Jan 2012 - 15:57

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [CSS] Comment faire des ombres tout autour du tableau

Message par Final-Blonde le Ven 6 Jan 2012 - 15:59

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... Mr. Green

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [CSS] Comment faire des ombres tout autour du tableau

Message par Wave le Ven 6 Jan 2012 - 19:23

Merci Isolde et Final-Blonde, pour vos astuces Smile

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave 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