Coins intempestifs

[Polys]

Bonjour ! Je viens vous demander de l'aide car après avoir personnalisé les balises code, quote et spoiler dans ma feuille css, des angles intempestifs apparaissent sur la gauche des cadres. Voici un screen pour illustrer la chose, les angles étant entourés en rouges. Je ne pense pas que cela vienne des codes en eux-mêmes mais je les montre quand même (au cas où...) :

Code:

.quote{
font-family: Tahoma;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362006808-309486f3.png");
border: 1px solid #E1E1E1;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 11px;
color: #FFFFFF;
text-shadow: 0px 0px 2px #B3B3B3;
}

.quote:hover{
text-shadow: 0px 0px 0px #B3B3B3;
color: #EDBFC0;
border: 1px solid #E1E1E1;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362048677-309486f3bis.png");
}

.code{
font-family: Georgia;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362006808-309486f3.png");
border: 1px solid #E1E1E1;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 11px;
color: #D2D0D0;
color: #FFFFFF;
text-shadow: 0px 0px 2px #B3B3B3;
}

.selectCode {
float:right; text-transform: uppercase; cursor:pointer;
}

.spoiler{
font-family: Tahoma;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362006808-309486f3.png");
border: 1px solid #E1E1E1;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 11px;
color: #D2D0D0;
color: #FFFFFF;
text-shadow: 0px 0px 2px #B3B3B3;
}

De plus, je ne trouve pas comment me débarrasser du cadre noir de la balise spoiler. Si quelqu'un a la solution de ces petits problèmes, je suis tout ouïe. Merci bien !

[Scipion]

Bonsoir

En testant partiellement vos codes sur mon forum, l'affichage de coins intempestifs ne se produit pas. De plus il n'y a aucun cadre noir qui apparaît avec la balise spoiler.

Ce qui me fait dire que le problème pourrait résulter d'un conflit avec d'autres codes CSS contenues dans votre feuille. La disponibilité de tout le contenu de votre feuille me permettra de faire un test plus élargi, si vous le souhaitez.

Cordialement

[Polys]

Voici l'intégralité de ma feuille, j'espère que la source du problème s'y trouvera.

Code:

/* ------------------------------------ {liens personnalisés} --------------------------------------------------------------------------------------------------------- */

a {
text-transform: uppercase;
font-size: 75%;
}

/* ------------------------------------ {alignement du forum} --------------------------------------------------------------------------------------------------------- */

table.bodylinewidth
{
top: -9px;
box-shadow: 0px 0px 5px #B3B3B3;
-moz-box-shadow: 0px 0px 5px #B3B3B3;
-webkit-box-shadow: 0px 0px 5px #B3B3B3;
}

.forumline{
border: 1px solid #E8E8E8;
}

.bodylinewidth {
width:800px;}


/* ------------------------------------ {Logo collé aux bordures} --------------------------------------------------------------------------------------------------------- */

#i_logo {margin-top: -10px;
margin-left:-10px;
margin-right:-10px;}

/* ------------------------------------ {Colonne sous avatar} --------------------------------------------------------------------------------------------------------- */

.infos_colonne_droite{
widht: 200px;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362061239-309486f3.png");
border: 1px solid #F4F4F4;
padding-right: 2px;
padding-left: 2px;
padding-top: 5px;
padding-bottom: 5px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
box-shadow: 0px 0px 2px #B3B3B3;
-moz-box-shadow: 0px 0px 2px #B3B3B3;
-webkit-box-shadow: 0px 0px 2px #B3B3B3;
}


/* ------------------------------------ {corps des messages} --------------------------------------------------------------------------------------------------------- */

.postbody{
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362004986-643251fond2.png");
border: 1px solid #F4F4F4;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 12px;
box-shadow: 0px 0px 2px #B3B3B3;
-moz-box-shadow: 0px 0px 2px #B3B3B3;
-webkit-box-shadow: 0px 0px 2px #B3B3B3;
}

/* ------------------------------------ {Titres des catégories personnalisés} --------------------------------------------------------------------------------------------------------- */

.titre_catégorie{
background-color: #E8E8E8;
border-bottom: 8px solid #E0DCDC;
-moz-border-radius-: 15px;
-webkit-border-radius: 15px;
border-radius: 15px 15px 15px 15px;
padding: 3px;
font-family: TimesNewRoman;
text-transform: uppercase;
letter-spacing: -2px;
font-size: 150%;
}

.secondarytitle h2 {
font-size: 200%;
color: #E0DCDC;
}

/* ------------------------------------ {angles catégories arrondis} --------------------------------------------------------------------------------------------------------- */

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right
{-moz-border-radius-: 15px;
-webkit-border-radius: 15px;
border-radius: 15px 15px 15px 15px;}
 
/* ------------------------------------ {Titres des sujets} --------------------------------------------------------------------------------------------------------- */

.testtopic{
background-color: #E8E8E8;
border-bottom: 8px solid #E0DCDC;
-moz-border-radius-: 15px;
-webkit-border-radius: 15px;
border-radius: 15px 15px 15px 15px;
padding: 3px;
font-family: TimesNewRoman;
text-transform: uppercase;
letter-spacing: -2px;
font-size: 150%;
color: #D1D1D1;
}

/* ------------------------------------ {Messages et sujets personnalisés} --------------------------------------------------------------------------------------------------------- */

.sujets_messages{
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362046966-121198fond1.png");
border: 1px solid #E1E1E1;
padding: 3px;
-moz-border-radius-: 5px;
-webkit-border-radius: 5px;
border-radius:5px 5px 5px 5px;
}

/* ------------------------------------ {Dernier posté personnalisé} --------------------------------------------------------------------------------------------------------- */

.derniers_sujets{
widht: 200px;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362049270-643251fond2.png");
border: 1px solid #F4F4F4;
padding-right: 2px;
padding-left: 2px;
padding-top: 5px;
padding-bottom: 5px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
box-shadow: 0px 0px 2px #B3B3B3;
-moz-box-shadow: 0px 0px 2px #B3B3B3;
-webkit-box-shadow: 0px 0px 2px #B3B3B3;
}

/* ------------------------------------ {Vus et réponses personnalisés} --------------------------------------------------------------------------------------------------------- */

.vus_réponses{
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362046966-121198fond1.png");
border: 1px solid #E1E1E1;
padding: 3px;
-moz-border-radius-: 5px;
-webkit-border-radius: 5px;
border-radius:5px 5px 5px 5px;
}

/* ------------------------------------ {Dernière réponse personnalisée} --------------------------------------------------------------------------------------------------------- */

.dernière_réponse{
widht: 200px;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362049270-643251fond2.png");
border: 1px solid #F4F4F4;
padding-right: 2px;
padding-left: 2px;
padding-top: 5px;
padding-bottom: 5px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
box-shadow: 0px 0px 2px #B3B3B3;
-moz-box-shadow: 0px 0px 2px #B3B3B3;
-webkit-box-shadow: 0px 0px 2px #B3B3B3;
}

/* ------------------------------------ {titre de topic} --------------------------------------------------------------------------------------------------------- */
.topictitle{
letter-spacing: -1px;
text-transform: uppercase;
}

/* ------------------------------------ {curseurs} --------------------------------------------------------------------------------------------------------- */

body { cursor: crosshair; }
a:hover { cursor:hand; }

/* ------------------------------------ {Description des forums} --------------------------------------------------------------------------------------------------------- */

.description_forum{
height: 70px;
overflow:auto;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362004986-643251fond2.png");
border: 1px solid #F4F4F4;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 11px;
box-shadow: 0px 0px 2px #B3B3B3;
-moz-box-shadow: 0px 0px 2px #B3B3B3;
-webkit-box-shadow: 0px 0px 2px #B3B3B3;
}

.majuscules_description{
font-weight: bold;
  font-family: TimesNewRoman;
  font-size: 15px;
}

.titre2_forum{
text-align: center;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362006808-309486f3.png");
border: 1px solid #E1E1E1;
padding: 5px;
font-family: Tahoma;
text-transform: uppercase;
letter-spacing: -1px;
font-size: 90%;
-moz-border-radius-: 5px;
-webkit-border-radius: 5px;
border-radius:5px 5px 5px 5px;
color: #FFFFFF;
text-shadow: 0px 0px 2px #B3B3B3;
}

.titre2_forum:hover{
text-shadow: 0px 0px 0px #B3B3B3;
color: #EDBFC0;
border: 1px solid #E1E1E1;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362048677-309486f3bis.png");
}

/* ------------------------------------ {soulignés et italiques} --------------------------------------------------------------------------------------------------------- */

u{border-bottom: 1px solid;text-decoration: none;
-moz-border-radius:2px;}

I{border-bottom:none; text-decoration: none
}

/* ------------------------------------ {Pseudos personnalisés} --------------------------------------------------------------------------------------------------------- */

a:hover {text-decoration: none; color: black;}
a:link {text-decoration: none; font-size: 100%;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a img {border: none;}



/* ------------------------------------ {citations et codes} --------------------------------------------------------------------------------------------------------- */

.quote{
font-family: Tahoma;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362006808-309486f3.png");
border: 1px solid #E1E1E1;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 11px;
color: #FFFFFF;
text-shadow: 0px 0px 2px #B3B3B3;
}

.quote:hover{
text-shadow: 0px 0px 0px #B3B3B3;
color: #EDBFC0;
border: 1px solid #E1E1E1;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362048677-309486f3bis.png");
}

.code{
font-family: Georgia;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362006808-309486f3.png");
border: 1px solid #E1E1E1;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 11px;
color: #D2D0D0;
color: #FFFFFF;
text-shadow: 0px 0px 2px #B3B3B3;
}

.selectCode {
float:right; text-transform: uppercase; cursor:pointer;
}

.spoiler{
font-family: Tahoma;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362006808-309486f3.png");
border: 1px solid #E1E1E1;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 11px;
color: #D2D0D0;
color: #FFFFFF;
text-shadow: 0px 0px 2px #B3B3B3;
}

/* ------------------------------------ {forme catégories et forums} --------------------------------------------------------------------------------------------------------- */

.forumline{
background-color: none;
border-top: 4px #EDBFC0 solid;
border-bottom: 4px #EDBFC0 solid;
border-right: 4px #EDBFC0 solid;
border-left: 4px #EDBFC0 solid;
border-radius: 18px 18px 18px 18px;
box-shadow: 0px 0px 5px #B3B3B3;
-moz-box-shadow: 0px 0px 5px #B3B3B3;
-webkit-box-shadow: 0px 0px 5px #B3B3B3;}

/* ------------------------------------ {forme titres des forums} --------------------------------------------------------------------------------------------------------- */

a.forumlink, a.forumlink:visited{
color: #A8A8A8;
font-family: TimesNewRoman;
text-transform: lowercase; letter-spacing: 1px;
font-size:14px;
border-bottom: 1px dotted #EDBFC0;
display: block;
margin-bottom: -10px;
}

a.forumlink:hover, a.forumlink:hover:visited{
color: #EDBFC0;
text-decoration: none;
text-decoration: none !important;
text-transform: lowercase; letter-spacing: 10px;
-moz-transition-property: color, texte-transform, letter-spacing;
-moz-transition-duration: 3s;
-webkit-transition-property: color, texte-transform, letter-spacing;
-webkit-transition-property: 3s;
}

/* ------------------------------------ {corrections des angles} --------------------------------------------------------------------------------------------------------- */

.catBottom {
border-radius:10px 10px 10px 10px;
border: 1px solid #E8E8E8;
}

.row3Right{
border: 1px solid #E8E8E8;
}

.catHead{
border-radius:10px 10px 10px 10px;
border: 1px solid #E8E8E8;
}

.thHead{
border: 0px solid #E8E8E8;
border-radius:10px 10px 10px 10px;
}

.thCornerL{
border: 1px solid #E8E8E8;
border-radius:10px 10px 10px 10px;
}

.thCornerR{
border: 1px solid #E8E8E8;
border-radius:10px 10px 10px 10px;
}

/* ------------------------------------ {En-tête} --------------------------------------------------------------------------------------------------------- */

a.mainmenu{
  text-transform: uppercase;
  color: #A8A8A8;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: -1px
}

a.mainmenu:hover{
color: #EDBFC0;
}

.navig {
  position: fixed;
top: 0px;
width: 98%;
background-image: url("http://image.noelshack.com/fichiers/2012/26/1340832746-Fondpoisblancs.jpg");
-moz-border-radius:0px 0px 15px 15px;
-webkit-border-radius:0px 0px 15px 15px;
border-radius:0px 0px 15px 15px;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362004986-643251fond2.png");
border-bottom: 1px solid #F4F4F4;
border-right: 1px solid #F4F4F4;
border-left: 1px solid #F4F4F4;
box-shadow: 0px 0px 2px #B3B3B3;
-moz-box-shadow: 0px 0px 2px #B3B3B3;
-webkit-box-shadow: 0px 0px 2px #B3B3B3;
}


/* ------------------------------------ {Qui est en ligne} --------------------------------------------------------------------------------------------------------- */
.qeel_start
{
background-color: #FAF9F9;
border: 1px solid #EFEFEF;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 11px;
}

.groupes
{
text-transform: uppercase;
font-size: 11px;
background-color: #FFFFFF;
border: 1px solid #EFEFEF;
padding-left: 7px;
padding-right: 7px;
text-shadow: grey 0px 0px 1px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
  border-radius:10px 10px 10px 10px;
}

.qeel_align
{
margin-left: 10px;
}

.qeel_birth
{
-moz-border-radius-topleft: 18px;
-webkit-border-top-left-radius: 18px;
-moz-border-radius-topright: 18px;
-webkit-border-top-right-radius: 18px;
-moz-border-radius-bottomleft: 18px;
-webkit-border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px;
-webkit-border-bottom-right-radius: 18px;
  border-radius:18px 18px 18px 18px;
}

.qeel_texte
{
font color: #202020;
text-align: justify;
width: 376px;
}

.texte_qui
{

}

/* ------------------------------------ {chatbox} --------------------------------------------------------------------------------------------------------- */

body.chatbox {

}

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a,
#chatbox_header .catBottom .cattitle {
  height: 100px;
}

.slide-out-div {
                  padding: 20px;
                  width: 250px;
                 
              }

[Scipion]

La solution à votre problème est dans le code ci-dessous. Donc essayez de le corriger selon votre approche :

Code:

/* ------------------------------------ {corps des messages} --------------------------------------------------------------------------------------------------------- */

.postbody{
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362004986-643251fond2.png");
border: 1px solid #F4F4F4;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 12px;
box-shadow: 0px 0px 2px #B3B3B3;
-moz-box-shadow: 0px 0px 2px #B3B3B3;
-webkit-box-shadow: 0px 0px 2px #B3B3B3;
}

Cordialement

[Polys]

En effet, je viens d'insérer une div class personnalisée dans le template et les coins ont disparu. Merci pour votre aide !