Problème description forum

[ADRENALINE. ♥]

Re bonjour,

J'ai un problème concernant les descriptions des forums , j'essaie de mettre un fond bois ( https://nsa28.casimages.com/img/2011/09/11/110911034902956124.png ) ainsi que les bords arrondis avec une ombre portée. Pour ça , j'ai entouré d'une div comme ceci :

Code:

<div class="desforum"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>

Et j'ai mis ceci dans mon css :

Code:

.desforum{
background-image:url ("http://nsa28.casimages.com/img/2011/09/11/110911034902956124.png");
border : 1px solid #FF9900;
-moz-border-radius: 20px ;
-intradermo-réactions:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 10px;
}

J'ai bien le contour arrondis mais mon fond ne s'applique pas =/ Pour ce qui est de l'ombre portée , je n'ai trouvé le code que pour les textes , pas pour la description..

Merci d'avance ♥

[Invité]

Bonsoir,

Le fond n'apparaît pas car vous avez mis un espace entre url et (" , retirez-le et le fond s'affichera.

La propriété qui permet de faire une ombre portée est box-shadow. Elle s'utilise comme celle du texte, 3 dimensions + la couleur, et il faut l'adapter suivant les navigateurs .

En reprenant votre CSS, ça ferait par exemple:

Code:

.desforum{
background-image:url("http://nsa28.casimages.com/img/2011/09/11/110911034902956124.png");
border : 1px solid #FF9900;
-moz-border-radius: 20px ;
-intradermo-réactions:20px;
border-radius:20px;
-khtml-border-radius:20px;
padding : 10px;
-moz-box-shadow: 1px 5px 5px #000;
box-shadow: 1px 5px 5px #000;
-webkit-box-shadow: 1px 5px 5px #000;
-khtml-box-shadow: 1px 5px 5px #000;}

Cordialement.

[ADRENALINE. ♥]

Merci beaucoup
Tout est nickel. Sujet résolu!