Problème background bords arrondis en couleur

[Unleash]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 17/12/16
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour, bonsoir à toutes et à tous

je viens à vous pour essayer de dénicher la réponse à mon problème. J'imagine que le problème a déjà dû être soulevé mais j'ai cherché et je n'ai rien trouvé (j'ai peut-être dû taper les mauvais mots-clés).
Donc je poste un nouveau sujet pour essayer d'obtenir ma propre réponse.

En effet ma situation est la suivante. J'ai crée avec du css un deux div class qui me permettent de mettre un background avec image derrière mon texte en leur mettant des bords arrondis, lesquels j'ai voulu coloré. Mais le problème c'est que la couleur ne s'affiche pas comme je le souhaite.

Je vous laisse mon code css:

Code:

.fondmsg1 {
 
 background-image: url('http://i74.servimg.com/u/f74/18/79/58/37/css_fo10.png');
 border-radius: 10px;
 border-color: #535454;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
}

.fondmsg2 {
 background-image: url('http://image.noelshack.com/fichiers/2016/50/1481995155-fond2.png');
 border-radius: 10px;
 border-color: #336BAB;
}

.textefond {
 padding:20px;
 margin:auto;
 }


ainsi que mon code html dans mon sujet:

Code:

<div class="fondmsg1">
 <div class="fondmsg2">
    <div class="textefond">[blur]Annonces[/blur]
texte texxxxxxte texte texte texte texteeeee texte texte texte texteeeee texte texte texteeeeeeeeeee texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.
</div>

 </div>
</div>



Je vous souhaite une bonne soirée et de bonnes fêtes de fin d'année, et vous remercie d'avance!

[Invité]

bonsoir ..

remplacé

Code:

.fondmsg1 {
 
 background-image: url('http://i74.servimg.com/u/f74/18/79/58/37/css_fo10.png');
 border-radius: 10px;
 border-color: #535454;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
}
 
.fondmsg2 {
 background-image: url('http://image.noelshack.com/fichiers/2016/50/1481995155-fond2.png');
 border-radius: 10px;
 border-color: #336BAB;
}
 
.textefond {
 padding:20px;
 margin:auto;
 }

par

Code:

.fondmsg1 {
 
 background-image: url('http://i74.servimg.com/u/f74/18/79/58/37/css_fo10.png');
 -moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
 border: 1px solid #535454;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
}
 
.fondmsg2 {
 background-image: url('http://image.noelshack.com/fichiers/2016/50/1481995155-fond2.png');
 -moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
 border: 1px solid #336BAB;
}


 
.textefond {
 padding:20px;
 margin:auto;
 }

un lien peut vous etre utile pour apprendre >> http://angrytools.com/css-generator/border


cdl,

[Unleash]

Ah c'est super ça marche! Merci beaucoup pour votre aide, j'irai voir ce cours et regarder par rapport à mes erreurs pour comprendre.
Merci encore! :p

[Invité]

un autre plus complet >> http://css3generator.com/