Aide CSS3

Résolu/Fermé

nsalomone Messages postés 3 Date d'inscription samedi 17 avril 2010 Statut Membre Dernière intervention 17 avril 2010 - 17 avril 2010 à 19:03
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 17 avril 2010 à 21:42

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)

A voir également:

Aide CSS3
Telecharger html5 css3 gratuit - Télécharger - HTML

2 réponses

Réponse 1 / 2

notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
Modifié par notobe le 17/04/2010 à 21:19

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>

Réponse 2 / 2

nsalomone Messages postés 3 Date d'inscription samedi 17 avril 2010 Statut Membre Dernière intervention 17 avril 2010
17 avril 2010 à 21:03

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 !

notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
17 avril 2010 à 21:09

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é)

nsalomone Messages postés 3 Date d'inscription samedi 17 avril 2010 Statut Membre Dernière intervention 17 avril 2010
17 avril 2010 à 21:30

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

notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
Modifié par notobe le 17/04/2010 à 21:42

Et l'effet sera de toute façon moins joli qu'avec box-shadow, mais bon, faut faire avec.
Bon courage

Discussions similaires

Faire une croix en css3

Définir une marge pour une page entière en HTML5 et CSS3