Pas de fond de citation

[geokdo]

Bonjour,

J'ai un problème lorsque je met une citation, le fond prévu ne s'affiche pas. J'ai mis le code suivant dans la feuille de CSS :

Code:

/* Citations et codes persos */
.quote {border-style: dashed; /* bords en pointillés, mais tu peux l'enlever */
border-color: #01241f; /* couleur des bords */
background: #010F24; /* couleur du fond */
background-image: url(http://www.arles-avignon.com/users/1715/22/71/48/album/img-1710.png);
-moz-border-radius: 10px; /* j'aime bien les bords ronds mais tu peux enlever */
padding: 3px; /* pour que le texte ne déborde pas des bords ronds, ça rajoute 3px autour du texte  */
}

La preuve ==> http://www.arles-avignon.com/coupe-du-monde-2010-f6/knysna-episode-un-t24.htm#76

Merci de m'aider.

[Anzu]

Bonsoir ^^

Tout d'abord, votre image n'est pas transparente, donc c'est problématique
De plus, vous devez rajouter ceci pour que l'image puisse apparaître:

background-position: top right;

Testez déjà ceci

Cordialement.

[geokdo]

Mon image n'est pas transparente ? Et où dois-je mettre background-position: top right; ?

[Anzu]

Code:

/* Citations et codes persos */
.quote {border-style: dashed; /* bords en pointillés, mais tu peux l'enlever */
border-color: #01241f; /* couleur des bords */
background: #010F24; /* couleur du fond */
background-image: url(http://www.arles-avignon.com/users/1715/22/71/48/album/img-1710.png);
-moz-border-radius: 10px; /* j'aime bien les bords ronds mais tu peux enlever */
padding: 3px; /* pour que le texte ne déborde pas des bords ronds, ça rajoute 3px autour du texte  */
}

Hé bien, dans ceci >

Oui, le fond de votre image est blanc, elle doit être transparente.

Cordialement.

[geokdo]

Merci beaucoup.