Christa> C'est ce que je dis. ^^'
Bref, Riika, tu as ceci dans ton CSS :
- Code:
-
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border : 5px dotted #FEC7DC;
}
Remplace-le par cela :
- Code:
-
.poster-profile {
text-align:center;
display:block;
}
.poster-profile a img {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border : 5px dotted #FEC7DC;
padding:5px; /* si tu veux un écart entre la bordure et l'avatar :) */
}
Au passage, ceci :
- Code:
-
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
Equivaut à cela :
- Code:
-
-moz-border-radius:10px;
Quand tous les côtés sont identiques, c'est beaucoup plus simple.
Par ailleurs, ça ne s'applique qu'aux anciennes versions de Firefox, qui ont besoin de l'extension -moz-. Tu dois donc inclure (comme je te l'ai fait) la propriété sans extension pour les navigs récents qui supportent le CSS3.
-webkit- s'adresse lui à Chrome et Safari.