Aide CSS3

Résolu
nsalomone Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -  
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'essaie d'utiliser les nouveautés comme box-shadow mais je n'y arrive pas. J'ai beau les mettre dans mes feuilles style en respectant la syntaxe, j'utilise Dreamweaver CS3,Safari 4.1, j'ai changé le Doctype pour le Html5, j'ai aussi essayé d'entrer le code par Notepad, je ne sais plus quoi faire ??? Quelqu'un peut-il m'aider ?Y a-t-il quelque chose de spécial à faire pour utiliser CSS3 ?
Exemple de code que j'ai essayé:
#cadre
{
box-shadow: 8 8 12px #000;
moz-box-shadow: 8 8 12px #000;
webkit-box-shadow: 8 8 12px #000;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
width: 1029px;
height: 1000px;
position: relative;
top: 0px;
right: auto;
bottom: auto;
z-index: 1;


}
(Ce calque est la boîte principale)

2 réponses

Réponse 1 / 2
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
Pas besoin de coder en html5 pour bénéficier des CSS3.
1. 
box-shadow: 8 8 12px #000;
8 quoi ?.. Si tu ne donnes pas d'unités, ça ne marchera jamais !

2. ce n'est pas moz et webkit qu'il faut mettre comme préfixes, mais -moz et -webkit
<blockquote cite="Shakespeare">To be or not to be ; That is the question...</blockquote>
0
Réponse 2 / 2
nsalomone Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
Mille mercis notobe, erreur de débutant (ce que je suis humblement). J'ai donc réussi à faire l'ombrage que je voulais, maintenant j'essaie d'avoir l'équivalent pour Explorer mais il me manque des infos sur les propriétés à donner. Voici l'ombrage que j'ai fait avec box-shadow (quatre côtés):
-webkit-box-shadow: 0px 0px 20px #a0c3fd;

Sais-tu quelles propriétés mettre à filter:progid:DXImageTransform.Microsoft.Shadow(color='#a0c3fd', ??????????);
zoom: 1;
pour obtenir l'équivalent ????

Merci encore !
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
Groumph, IE... (die IE die ! ;) ) 
img { 
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#a0c3fd', Direction=xxx, Strength=xxx); 
  zoom: 1; 
}

Remplacer les xxx par les valeurs adéquates bien sûr (sans unités cette fois, et à tester pour l'effet désiré)
0
nsalomone Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
Merci encore...You're right about IE...Mais malheureusement trop de monde l'utilise encore !
(je cherche encore les bonnes valeurs mais ça va alller !)
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
Et l'effet sera de toute façon moins joli qu'avec box-shadow, mais bon, faut faire avec.
Bon courage
0

Discussions similaires

Faire une croix en css3
sledj -
tanoukisan -

7 réponses
Quel est la difference entre css3 et css4
tarek -
RAD ZONE -

2 réponses
Définir une marge pour une page entière en HTML5 et CSS3
MB3 -
MB3 -

2 réponses