Problème avec un fond de couleur qui n'apparait pas

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

Résolu Problème avec un fond de couleur qui n'apparait pas

Message par piinkyuu le Sam 19 Oct 2013 - 9:05

Bonjour,
J'ai un problème, c'est assez difficile à expliquer... je viens de changer la forme de mes catégories de mon forum sauf que le fond des 3 n’apuraient hors sur mon forum d'essai, les fonds apparaient parfaitement.

Regardez voici comme cela doit apparaitre: (forum test)
Spoiler:

Et voici comment ça apparait sur mon forum:
Spoiler:

J'ai beau chercher le problème, je n'arrive pas à trouver la solution. Je pense que cela ne vient pas du CSS... Aidez moi sil-vous-plait. T_T

Mon CSS:
Code:
    
.navi {
position: fixed;
left: 235px;
top: 0px;
right: 235px;
z-index: 999;
width: 100%;
background-color: #B6210C; /*couleur de fond*/
border-bottom: 6px solid #B6210C;
border-left: 15px solid #B6210C;
border-right: 5px solid #B6210C;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 0px #000;
}
        .selectCode {
 float: Center;
 text-transform:
 uppercase;
 cursor:pointer; }

        .postbody{
        padding-left: 15px;
        }

u{
border-bottom:2px dotted #C0C0C0;
text-decoration:none;}

a {font-variant: tahoma;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}


.quote
{
background-image: URL(http://s2.noelshack.com/uploads/images/4994313108741_backmen.png);
background-repeat: repeat;
-webkit-border-radius: 0px 10px 10px 0px;
border: 5px solid #23110a;
font-family: Tahoma;
font-size: 14px;

overflow-y:auto;
display: block;
align: center;
color: #000000;
}


.blockquote
{
background-image: URL(http://s2.noelshack.com/uploads/images/4994313108741_backmen.png);
background-repeat: repeat;
-webkit-border-radius: 0px 10px 10px 0px;
border: 2px solid #23110a;
font-family: Tahoma;
font-size: 14px;
width: 550px;
height: 80px;
overflow-y:auto;
display: block;
.quote

background-image: URL(http://s2.noelshack.com/uploads/images/4994313108741_backmen.png);
background-repeat: repeat;
-webkit-border-radius: 0px 10px 10px 0px;
border: 2px solid #23110a;
font-family: Tahoma;
font-size: 14px;
width: 450px;
height: 80px;
overflow-y:auto;
display: block;
align: center;
color: #000000;
}

.blockquote
{
background-image: URL(http://s2.noelshack.com/uploads/images/4994313108741_backmen.png);
background-repeat: repeat;
-webkit-border-radius: 0px 10px 10px 0px;
border: 2px solid #000000;
font-family: Tahoma;
font-size: 14px;
width: 450px;
height: 80px;
overflow-y:auto;
display: block;
align: center;
color: #000000;
}




.code
{
background-image: URL(http://s2.noelshack.com/uploads/images/4994313108741_backmen.png);
background-repeat: repeat;
-webkit-border-radius: 0px 10px 10px 0px;
border: 5px solid #000000;
font-family: Tahoma;
font-size: 14px;
width: 450px;
height: 80px;
overflow-y:auto;
display: block;
align: center;
color: #000000;
}

.blockcode
{
background-image: URL(http://s2.noelshack.com/uploads/images/4994313108741_backmen.png);
background-repeat: repeat;
-webkit-border-radius: 0px 10px 10px 0px;
border: 2px solid #000000;
font-family: Tahoma;
font-size: 14px;
width: 450px;
height: 80px;
overflow-y:auto;
display: block;
.quote

background-image: URL(http://s2.noelshack.com/uploads/images/4994313108741_backmen.png);
background-repeat: repeat;
-webkit-border-radius: 0px 10px 10px 0px;
border: 2px solid #0085EB;
font-family: Tahoma;
font-size: 14px;
width: 450px;
height: 80px;
overflow-y:auto;
display: block;
align: center;
color: #000000;
}

.blockcode
{
background-image: URL(http://s2.noelshack.com/uploads/images/4994313108741_backmen.png);
background-repeat: repeat;
-webkit-border-radius: 0px 10px 10px 0px;
border: 2px solid #0085EB;
font-family: Tahoma;
font-size: 14px;
width: 450px;
height: 80px;
overflow-y:auto;
display: block;
align: center;
color: #89BFE0;
}

/* ********** SUPPRESSION DU SOULIGNEMENT ********** */


.bodyline
{
border: 15px solid #A52E1D;
background-position:center;
-moz-border-radius: 0px  0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
}

/* ********** SUPPRESSION DU SOULIGNEMENT ********** */

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }



/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */



.cate
{
  width: 400px;
  height: 120px;
  overflow: hidden;
  border: 2px solid #23110a;
  background-color: #ffffff;
}
.cate_img
{
  position: relative;
  z-index: 2;
  width: 400px;
  height: 120px;
  margin-left: 0px;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate:hover .cate_img
{
margin-left: 400px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate_description
{
  position: relative;
  z-index: 1;
  width: 400px;
  height: 120px;
  margin-top: -120px;
  text-align: arial;
  font-size: 11px;
  color: #8c8c8c;
  padding: 2px;
  overflow: auto;
}

------------
/********************Fiche de Règlement*******************************/

    .reglement fieldset {
  -webkit-border-radius: 20px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius: 20px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-radius: 20px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  text-align: justify;
  border: 3px solid Crimson;
  padding: 0px;    
}

.reglement fieldset p {
  padding: 10px;
}

.reglement fieldset legend {
  font-size: 25px;
  padding: 10px;
  color : Crimson;
  font-family: Georgia;
  font-style: italic;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px white;
  align: center;
}

.soustitre {
  display: block;
 -webkit-border-radius: 20px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius: 20px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-radius: 20px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  margin-left: -3px;
  background-color: Crimson;
  text-align: center;
  color: white;
}

/*FIN NOUVELLE PAGE D'ACCUEIL*/
        .catHead{border: none !important;}
        td.catHead, th.thHead, td.catBottom, td.catBottom {border:0px;}



        /*CHAMPS DE PROFIL*/
        .profstat {
        text-align:left;
          background-color : #D1BD86;
        border : 1px solid #D1BD86;
        }
        
       /*CADRE AVATAR*/
        .profavat img{
        border : 3px solid #D1BD86;
        }
        
       /*TOUR DU PROFIL DANS LES MESSAGES*/
        .profil {
        -moz-border-radius:4px;
        -webkit-border-radius:0 px;
        -border-radius:0 px;
        -khtml-border-radius:0 px;
        background-color : auto;
        border : 1px solid auto;
        padding : 5px;
        margin : 1px;
        }
        

.dev{
  background-color: #D4967F;
  width: 760px;
  height: 145px;
  border-top: 4px solid #8F0C0C;
  border-bottom: 4px solid #8F0C0C;
  text-align: center;
}

.dev2{
  background-color: #D4967F;
  width: 250px;
  height: 140px;
  border-top: 4px solid #8F0C0C;
  border-bottom: 4px solid #8F0C0C;
  text-align: center;
}

.dev3{
  background-color: #D4967F;
  width: 506px;
  height: 110px;
  border-top: 4px solid #8F0C0C;
  border-bottom: 4px solid #8F0C0C;
}

.dev4{
  background-color: #D4967F;
  width: 250px;
  height: 110px;
  border-top: 4px solid #8F0C0C;
  border-bottom: 4px solid #8F0C0C;
  text-align: center;
}

.titre{
font-size: 20px;
  font-variant: small-caps;
  text-shadow: 1px 1px 1px black;
  text-align: center;
  margin-bottom: 6px;
}

.copyright{
font-size: 10px;
  font-variant: small-caps;
  text-shadow: 1px 1px 1px black;
  margin-left: 270px;
}

.cadreinfobulle{
  background-color: #ffffff;
  width: 140px;
  height: 220px;
  border-top: 4px solid #edb4bb;
  border-bottom: 4px solid #edb4bb;
  text-align: center;
  padding-top: 5px;
}

/* Info bulle */

div.infobulle{
position: relative;  /*Ceci donne la position de l'infobulle.*/
float: left  /*Ceci dit qu'elle doit flotter à gauche.*/
height:100px;
}

div.infobulle span{
display: none; /*Pour masquer l'infobulle.*/
}

div.infobulle:hover{
background: none;
z-index: 999; /*Valeur pour l'ordre d'affichage.*/
}


div.infobulle:hover span
{
display: inline; /* Affichage de l'infobulle, ne pas toucher.*/
position: absolute; /* Position de l'infobulle.*/
top: 10px; /*Positionnement de l'infobulle.*/
}

.nomdelaclasse {
text-align: justify;
}

  /* QEEL ONGLETS LATERAUX HOVER */

.qeelnu31_titre
{
  display: block;
  width: 700px;
  height: 100px;
  background: url(http://img11.hostingpics.net/pics/53573457933310.png);
  margin: auto;
}
#qeelnu31
{
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 5px;
  height: 150px;
  padding: 10px;
  background: #8F0C0C;
  border: 1px solid #ccbdad;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -htm-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0px 0px 5px #7b6751;
  -moz-box-shadow: 0px 0px 5px #7b6751;
  -o-box-shadow: 0px 0px 5px #7b6751;
  -htm-box-shadow: 0px 0px 5px #7b6751;
  -webkit-box-shadow: 0px 0px 5px #7b6751;
}
#qeelnu31_content
{
  width: 700px;
  height: 150px;
  overflow: hidden;
}
#qeelnu31_links
{
  float: left;
}
.qeelnu31_link1, .qeelnu31_link2, .qeelnu31_link3
{
  width: 150px;
  height: 48px;
  margin-bottom: 2px;
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  filter: alpha(opacity=60);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_link1
{
  background: url(http://i55.servimg.com/u/f55/17/75/06/44/jnjo11.png);
}
.qeelnu31_link2
{
  background: url(http://i55.servimg.com/u/f55/17/75/06/44/group110.png);
}
.qeelnu31_link3
{
  background: url(http://i55.servimg.com/u/f55/17/75/06/44/jnjo10.png);
}
.qeelnu31_link1:hover, .qeelnu31_link2:hover, .qeelnu31_link3:hover
{
 opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
 
}
.qeelnu31_contenu1
{
  width: 600px;
  height: 150px;
  margin-left: 150px;
  background: #D6D59E;
  border: 1px solid #f2eee9;
  box-shadow: 0px 0px 3px #c1b1a0;
  -moz-box-shadow: 0px 0px 3px #c1b1a0;
  -o-box-shadow: 0px 0px 3px #c1b1a0;
  -webkit-box-shadow: 0px 0px 3px #c1b1a0;
  -htm-box-shadow: 0px 0px 3px #c1b1a0;
  color: #776047;
}
.qeelnu31_contenu2
{
  position: absolute;
  width: 0px;
  height: 150px;
  margin-left: 150px;
  overflow: hidden;
  background: #D6D59E;
  border: 1px solid #f2eee9;
  box-shadow: 0px 0px 3px #c1b1a0;
  -moz-box-shadow: 0px 0px 3px #c1b1a0;
  -o-box-shadow: 0px 0px 3px #c1b1a0;
  -webkit-box-shadow: 0px 0px 3px #c1b1a0;
  -htm-box-shadow: 0px 0px 3px #c1b1a0;
  color: #776047;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_contenu3
{
  position: absolute;
  width: 0px;
  height: 150px;
  margin-left: 150px;
  margin-top: -50px;
  overflow: hidden;
  background: #D6D59E;
  border: 1px solid #f2eee9;
  box-shadow: 0px 0px 3px #c1b1a0;
  -moz-box-shadow: 0px 0px 3px #c1b1a0;
  -o-box-shadow: 0px 0px 3px #c1b1a0;
  -webkit-box-shadow: 0px 0px 3px #c1b1a0;
  -htm-box-shadow: 0px 0px 3px #c1b1a0;
  color: #776047;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_contenu4
{
  position: absolute;
  width: 0px;
  height: 150px;
  font-size: 13px;
  margin-left: 150px;
  margin-top: -100px;
  overflow: hidden;
  background: #D6D59E;
  border: 1px solid #f2eee9;
  box-shadow: 0px 0px 3px #c1b1a0;
  -moz-box-shadow: 0px 0px 3px #c1b1a0;
  -o-box-shadow: 0px 0px 3px #c1b1a0;
  -webkit-box-shadow: 0px 0px 3px #c1b1a0;
  -htm-box-shadow: 0px 0px 3px #c1b1a0;
  color: #776047;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_link1:hover .qeelnu31_contenu2, .qeelnu31_link2:hover .qeelnu31_contenu3,
.qeelnu31_link3:hover .qeelnu31_contenu4
{
  width: 600px;
  height: 150px;
  overflow: auto;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_contenu
{
  display: block;
  padding: 5px;
  color: #776047;
  font-size: 10px;
  text-align: justify;
}

.qeelnu31_stats
{
  font-size: 12px;
  text-shadow: -1px -1px 0px #e8e1d9;
  letter-spacing: 2px;
  font-weight: bold;
}
.usernu31_online
{
  display: block;
  font-size: 12px;
  text-shadow: -1px -1px 0px #e8e1d9;
  letter-spacing: 2px;
  font-weight: bold;
  text-align: center;
}
.gr1, .gr2, .gr3, .gr4, .gr5, .gr6, .gr7, .gr8, .gr9, .gr10, .gr11
{
  font-size: 18px;
  font-weight: bold;
  text-shadow: -1px -1px 0px #e8e1d9;
  text-transform: uppercase;
}
a.gr1
{
  color: #494949 !important;
}
.gr2
{
  color: #787878 !important;
}
.gr3
{
  color: #b2b2b2 !important;
}
.gr4
{
  color: #e12727 !important;
}
.gr5
{
  color: #e3bb41 !important;
}
.gr_description
{
  font-size: 13px;
  line-height: 9px;
  text-align: justify;
  color: #aa9a89;
  text-shadow: 1px 1px 0px #e8e1d9;
}

      
   
a.forumlink{
   display:block;
   font-size:14px; /* la taille de la police */
   padding:1px; /* Pour éviter que le texte ne soit collé aux bords de la case */
   text-align:center;
   font-variant:small-caps; /* Les petites capitales */
   color:#6e5831 !important; /* On force l'application de cette propriété grâce au !important */
   border-bottom:2px solid #6a3e1a;
   font-weight:normal; /* Le texte non boldé */
   margin-bottom:0; /* Pour qu'il n'y ait pas trop d'espace entre le titre et ce qu'il y a en dessous */
   }

a.forumlink:hover{
   font-variant:small-caps;
   color:#6e5831 !important;
   border-bottom:2px solid #6a3e1a;
   font-weight:bold; /* Texte en  gras */
   display:block;
   }

div.stats_cate{ /* La div ayant pour class 'stats_cate' */
   font-size:12px;
   text-align:right;
   border-bottom:#6a3e1a 1px solid;
   border-right:#6a3e1a 3px solid;
   font-style:italic; /* On met le texte en italic */
   color:#6a3e1a;
   padding-right:4px; /* On met un peu de remplissage pour éviter que notre bloc soit collé au bord droit de la case */
   margin-bottom:4px;
   margin-top:-12px; /* On évite de mettre un trop gros espace entre le titre et notre bloc de stats' */
   width:220px; /* On impose une largeur pour ne pas que la bordure en bas soit sur toute la largeur de la case */
   margin-left:385px; /* On place le bloc à droite en le décallant par rapport au bord gauche de la case */
   }
div.description{  /* La div ayant pour class 'description' */
   background-color:#D6C69C; /* On lui donne une couleur de fond */
   -moz-border-radius: 0px; /* Réglage des arrondis des coins pour mozilla */
   -webkit-border-radius: 0px; /* Réglage des arrondis des coins pour chrome et safari */
   border-radius:0px; /* réglage des arrondis des coins */
   border:0px solid #b79981;
   width:500px;
   min-height:20px; /* La hauteur minimum */
   font-size:12px;
   text-align:justify;
   text-indent:0px; /* La première ligne du bloc sera décallée de 6px vers la droite */
   padding:4px;
   margin:0px;
   color:#6e5831;
   }
Merci d'avance ! Very Happy


Dernière édition par piinkyuu le Sam 19 Oct 2013 - 14:24, édité 1 fois

piinkyuu
*

Messages : 46
Inscrit(e) le : 22/07/2011

http://asiancover.forumactif.org/
piinkyuu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un fond de couleur qui n'apparait pas

Message par MlleAlys le Sam 19 Oct 2013 - 12:16

Bonjour,
aurais-tu un lien vers le forum concerné s'il te plait ? ^^

MlleAlys
+ Hyperactif +

Messages : 4403
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un fond de couleur qui n'apparait pas

Message par piinkyuu le Sam 19 Oct 2013 - 12:32

Oui bien sur, c'est: http://yummy--japan.forumsactifs.com/
Et mon forum test: http://piinkyuu.skyforum.net/

piinkyuu
*

Messages : 46
Inscrit(e) le : 22/07/2011

http://asiancover.forumactif.org/
piinkyuu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un fond de couleur qui n'apparait pas

Message par MlleAlys le Sam 19 Oct 2013 - 12:46

Ce que je vois sur le forum c'est que le fond de la description a exactement la même couleur que le fond de la cellule, c'est pourquoi ce n'est pas visible... Avez vous essayé de modifier les couleur de fond des cellules dans le panneau d'administration ?

MlleAlys
+ Hyperactif +

Messages : 4403
Inscrit(e) le : 12/09/2012

MlleAlys 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