[CSS 3] Problemes d'interpretation des Navigateurs [Résolu]

[lukyVJ]

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

[lukyVJ]

Personne.... ?
Vraiment.... ?

[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 css :

1
2
3
4
 
div {
   ...
}

ou

Code css :

1
2
3
4
 
.maClass {
   ...
}

ou

Code css :

1
2
3
4
 
#monId {
   ...
}

[lukyVJ]

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>

[ornitho13]

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 html :

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>

[lukyVJ]

Merci Ornitho

Tes modifs marchent impec

Sujet résolu !