Problème background bords arrondis en couleur

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème background bords arrondis en couleur

Message par Unleash le Sam 17 Déc 2016 - 20:07

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!


Dernière édition par Unleash le Dim 18 Déc 2016 - 1:06, édité 1 fois
avatar

Unleash
Nouveau membre

Messages : 27
Inscrit(e) le : 09/03/2016

http://hbsfifa.kanak.fr.
Unleash a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème background bords arrondis en couleur

Message par R-max le Sam 17 Déc 2016 - 22:57

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,
avatar

R-max
Membre habitué(e)

Masculin
Messages : 1609
Inscrit(e) le : 08/01/2015

http://www.milouze14.com/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème background bords arrondis en couleur

Message par Unleash le Dim 18 Déc 2016 - 1:05

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
avatar

Unleash
Nouveau membre

Messages : 27
Inscrit(e) le : 09/03/2016

http://hbsfifa.kanak.fr.
Unleash a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème background bords arrondis en couleur

Message par R-max le Dim 18 Déc 2016 - 1:22

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

avatar

R-max
Membre habitué(e)

Masculin
Messages : 1609
Inscrit(e) le : 08/01/2015

http://www.milouze14.com/
R-max a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum