Arrondis du forum et des widgets

[hae]

Bonjour
je suis en train de galérer sur le design de mon forum, en ce qui concerne les arrondis de mes tableaux.

en fait, le rendu que j'aimerai est le même que celui d'ici :
- des angles arrondis
- une image dans le titre des catégories.

Mon problème en image :


les angles dépassent de l'arrondi @__@
j'ai bien pensé à faire un angle arrondi sur mon image (le dégradé orange) à droite et à gauche, mais là, c'est les widgets qui font des trucs bizarres, puisque l'image de droite se répète dans le cadre avec le titre du widget, et ça fait pas joli (on voit l'angle arrondi se répéter)

Comment je peux faire pour arranger tout ça ?
Merci d'avance

[Skull-piou]

Bonsoir, vous n'avez surement pas prit le bonne outils pour les coins arrondis?
Veuillez vérifiez.

[hae]

J'ai fini par laisser tomber l'image, donc pour le haut, c'est du remplissage, c'est bon, mais le vert déborde toujours sur l'arrondi en bas.

J'ai également ce problème au niveau de mes widgets :

[hae]

up

[Yondaime94]

Alors tu met ça dans tes feuilles de styles Css

Code:

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}

.bodyline {
-moz-border-radius:10px;
}

.forumline{
background-color: #COULEUR;
-moz-border-radius: 10px ;
border: 3px #COULEUR solid;
}


Et normalement ça marche ^^

Si tu as besoins d'encore d'aide tu me dit.

Sinon pour le soucis des widjets il faudrait que tu supprime les contours dans les couleurs de ton forum ^^

[hae]

Ca ne change rien
Le vert passe toujours par dessus, par contre, c'est mon panneau d'édition qui s'est arrondi 0__0

Pour les widgets, il n'y a pas un moyen via les templates ou le css, pour que les changements ne s'effectuent que sur eux ?

[hae]

J'ajoute deux captures d'écran qui concernent mes contours. Je ne comprends pas du tout à quoi c'est du :

Spoiler:

[hae]

up

[hae]

up

[hae]

up

[brasko]

essaye celui si, il faudra juste changer le code des couleur.

Code:

.forumline{
background-color: #990000;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 8px #990000 solid;
border-top: 1px #990000 dotted;
border-right: 1px #990000 solid;
border-left: 1px #990000 dotted;}