Modiition de l'aspect de la balise quote

[demeter1]

Bonjour à tous,
Voici un css qui fonctionne parfaitement pour la balise code et spoiler mais, qui n'a aucun effet sur la balise quote.

Code:

.quote{   position:relative!important;   padding:15px!important;   margin:1em 0 3em!important;   color:#000!important;   background:#572601!important;   -moz-border-radius:10px!important;   -webkit-border-radius:10px!important;   border-radius:10px!important;   background:-moz-linear-gradient(top, #f9d835, #572601)!important;   background:linear-gradient(top, #f9d835, #572601)!important;}


.quote:after {   content:"";   display:block!important;   position:absolute!important;   bottom:-15px;   left:50px!important;   width:0!important;   border-width:15px 15px 0!important;   border-style:solid!important;   border-color:#572601 transparent!important;}

Auriez vous une astuce pour pouvoir contourner le soucis et, ainsi pouvoir appliquer cette mise en forme.

Merci par avance pour vos réponses.

[Tech]

Bonjour,

Sur mon forum test il fonctionne pour les citations mais pas le reste...

Avez-vous un sujet visible aux invités avec toutes les balises présentes afin de pouvoir effectuer un essai ?

Cordialement.

[demeter1]

Bonjour Tech,
Désolé pour ce retard. Voici un lien ouvert aux invités  http://altitudetropicale.forums-actifs.com/t2826-test-pour-forumactif#26379
Il faut sélectionner "thème en construction" dans le sélecteur.
Bizarrement, le radius autour de la balise spoiler n'agit plus aujourd'hui. Le codage pour l'after est présent par contre.

[Tech]

Bonsoir,

Quand j'ajoute votre CSS, cela fonctionne :


Cordialement.

[demeter1]

Bonjour Tech,
En fait avec le after, vous devriez avoir un petit triangle inversé en dessous du quote comme sous code et spoiler.
la parrite du css qui gére ce triangle est dans cette partie

Code:

width:15px 15px 0!important;  border-style:solid!important;  border-color:#572601

Le but était de donner un aspect bulle à l'ensemble.

J'abandonne ceci dit cette idée pour m'orienter plus vers une image travaillée et extensible qui semble donner de meilleurs résultats sur le quote.

Encore un grand merci pour cette aide.