Aide CSS3
Résolu
nsalomone
Messages postés
3
Statut
Membre
-
notobe Messages postés 2222 Statut Membre -
notobe Messages postés 2222 Statut Membre -
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)
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
Pas besoin de coder en html5 pour bénéficier des CSS3.
1.
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>
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>
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 !
-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 !