Problemes d'interpretation des Navigateurs

Version imprimable

Bonjour à tous, voilà, j'ai un petit problème quand à l'affichage d'une newsletter, J'utilise quelques attribut de style en CSS3, et à mon grand malheur, mon navigateur Google Chrome, n'en à que faire ( du CSS3 evidemment ) ... quelqu'un aurait'il une petite idée ou même une solution pour mon problème ..?

Ci-joint mon code : )
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 { /* mise en forme */ background-color:#C1C1C1; color: #5A5A5A; margin-top:3px; height: 30px; padding:3px; border:3px solid #F000; font-family: Helvetica, Arial, sans-serif; line-height: 130%; /* fin mise ne forme */ /* navigateurs lambda */ border-radius-topright:8px; border-radius-topleft:8px; border-radius-bottomright:8px; border-radius-bottomleft: 8px; /* Fin navigateurs lambda */ /* Pour chrome et opera */ -webkit-border-radius-topright:8px; -webkit-border-radius-topleft:8px; -webkit-border-radius-bottomright:8px; -webkit-border-radius-botomleft:8px; -webkit-box-shadow: 5x 5px 5px #4e4e4e; /* Fin pour chrome et opera */ /* pour Mozilla */ -moz-border-radius-topright:8px; -moz-border-radius-topleft:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; -moz-box-shadow: 5px 5px 5px#4e4e4e; /* Fin mozilla */ }
Merci à ceux qui pourront me répondre :)

09/02/2011, 13h44
lukyVJ

Personne.... ?
Vraiment.... ?
09/02/2011, 13h59
ornitho13
tes propriétés css ne sont pas affiliées que ce soit à un tag html , une class ou un ID, tu as mis directement "{".

Pour appliquer un style voici ce qu'il faut faire (exemple) :
Code:

1 2 3 4 div { ... }
ou
Code:

1 2 3 4 .maClass { ... }
ou
Code:

1 2 3 4 #monId { ... }

Ah excuse, j'ai pas précisé, c'est pour une Newsletter, don aucun fichiers externes, et vu qu'elle est d&éstinée à changer, les css sont directement implémentés dans mes balises.

Ex :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
<div style="{
/* mise en forme */
background-color:#C1C1C1;
color: #5A5A5A;
margin-top:3px;
height: 30px;
padding:3px;
border:3px solid #F000;
font-family: Helvetica, Arial, sans-serif; 
line-height: 130%;
/* fin mise ne forme */
 
/* navigateurs lambda */
border-radius-topright:8px;
border-radius-topleft:8px;
border-radius-bottomright:8px;
border-radius-bottomleft: 8px;
/* Fin navigateurs lambda */
 
/* Pour chrome et opera */	
-webkit-border-radius-topright:8px;
-webkit-border-radius-topleft:8px;
-webkit-border-radius-bottomright:8px;
-webkit-border-radius-botomleft:8px;
-webkit-box-shadow: 5x 5px 5px #4e4e4e;
/* Fin pour chrome et opera */
 
/* pour Mozilla */
-moz-border-radius-topright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-bottomleft:8px;
-moz-box-shadow: 5px 5px 5px#4e4e4e;
/* Fin mozilla	*/
 
 
 
 
}
">..contenu de la div..</div>

il faut que tu enlèves le "{" dans le style en inline.
De plus il y a des erreurs dans le code CSS (mauvaises propriétés CSS3, valeur d'unité incohérente -> x au lieu de px,...).

Voici ton code remanié :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<div style="
/* mise en forme */
background-color:#C1C1C1;
color: #5A5A5A;
margin-top:3px;
height: 30px;
padding:3px;
border:3px solid #F00;
font-family: Helvetica, Arial, sans-serif; 
line-height: 130%;
/* fin mise ne forme */
 
/* navigateurs lambda et opera */
border-radius: 8px;
box-shadow: 5px 5px 5px #4e4e4e;
/* Fin navigateurs lambda et opera */
 
/* Pour chrome et safari */     
-webkit-border-radius:8px;
-webkit-box-shadow: 5px 5px 5px #4e4e4e;
/* Fin pour chrome et safari */
 
/* pour Mozilla */
-moz-border-radius:8px;
-moz-box-shadow: 5px 5px 5px#4e4e4e;
/* Fin mozilla  */
">..contenu de la div..</div>

09/02/2011, 14h31
lukyVJ

Merci Ornitho :)

Tes modifs marchent impec :)

Sujet résolu !