Problème cadre catégorie

2 participants

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

Résolu Problème cadre catégorie

Message par Elysion28 Mar 4 Déc 2012 - 19:30

Bonjour bonjour,

Je suis en train de coder mon forum test, et j'ai un petit soucis avec mes catégories. Je les ai personnalisées, mais comme vous pouvez le voir en cliquant sur le lien http://concours-hid.forumgratuit.eu/ j'ai un espèce de cadre marron qui reste fixe et que je n'arrive pas à enlever. J'ai vérifié dans les couleurs, mais je ne vois aucun marron qui correspond, idem dans mon CSS (que je vous mets quand même au cas où à force de le regarder je sache plus où j'en suis u_u)
Code:

body{
background-repeat: no-repeat;
background-position:top center;
background-attachment:none;
}

.bodyline {
  border-radius:60px;
}

.forumline {
  background-color:#5A350D;
  }

a {
text-decoration: none;
    -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

a:hover {
  text-decoration: none !important;
    -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

a.mainmenu {
font-family:'Norican',cursive;
font-style:italic;
 font-weight: bold;
font-size:28px;
color:#776144 !important;
text-shadow:0px 0px 5px #776144;
  -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

a.mainmenu:hover {
  color:#CDC0AF !important;
text-shadow: 0px 0px 5px #CDC0AF;
  -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

a.forumlink {
font-family: 'Sevillana', cursive;
font-style:italic;
 font-weight:bold;
font-size:22px;
font-weight:lighter;
color:#6e3109 !important;
text-shadow: 0px 0px 5px #6e3109;
 padding:5px;
  -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

a.forumlink:hover {
letter-spacing:3px;
  -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}


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

.liteoption,.mainoption  {
    border-radius: 20px;
  }


-RETRAIT : ce CSS pose de nombreux problèmes - {
  display:none;
}

.nompost {
  background-color:#d9b68d;
  border:solid 1px #6e3109;
  font-size:11px;
  position:relative;
    border-top:none;
  padding:2px 15px 2px 15px;
border-bottom-right-radius: 6px;
  border-bottom-left-radius:6px;
}

.pseudo {
  font-family: 'Sevillana', cursive;
  font-style:italic;
  font-weight: bold;
  font-size:30px;
  margin-top:-30px;
  text-shadow: 0px 0px 5px #6e3109;
  align:center;
  text-align:center;
}

.postbody {
display: block;
padding-left: 15px;
padding-right: 15px;
text-align:justify;
font-size:12px;
}

.postdetails.poster-profile a img
{
border-radius: 100px;
  -moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
  margin-right:-10px;
  align:center;
  margin-top:5px;
  margin-left:5px;
  margin-right:2px;
  opacity:0.7;
  border:3px solid #6e3109;
}

.postdetails.poster-profile a img:hover
{
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
opacity:1;
}

.fond {
  border-radius: 20px;
  background-color: #d9b68d;
  width:200px;
  align:center;
  padding:3px;
  margin-left: auto ;
margin-right: auto ;
}

.def{
    border-radius: 20px;
  background-color: #d9b68d;
  padding:3px;
  align:center;
  text-align:justify;
  height:100px;
  margin:5px;
  }


.tableauqueel{
background-image : url('http://img15.hostingpics.net/pics/838715810818queelfinal.png') ;
  Background-position:center;
  height:686px;
 
}

.partiedroite {
font-size : 10px ;
border-left : 3px dotted #733a26 ;
padding-left : 5x;
text-align:justify;
align:justify;
 height:150px;
 overflow:auto;
}

.partiegauche {
  width:85%;
  margin-right:-20px;
  margin-top:-40px;
  margin-left:30px!important;
  text-align:justify;
align:justify;
  background-color:#F7E1CC;
  padding:5px;
  border: solid 3px #A17756;
  padding-bottom:-30px;
}

.groupes{
font-size:16px;
font-style:italic;
font-family:times new roman;
  text-align:center;
  font-weight:lighter!important;
  align:center;
  text-shadow:0px 0px 5px #6e3109 ;
  margin-bottom:-100px;
}

.groupes:hover{
  letter-spacing:2px;
  font-weight:lighter!important;
  text-shadow:0px 0px 5px white;
  margin-bottom:-100px;
}

/* CONTENEUR PRINCIPAL */
#tfa_cycle {   
width: 350px;   
height: 200px;   
position: relative;
  overflow:auto;
overflow: hidden;   
margin: 10px auto;
padding: 0;
}

/* BLOCS DE CONTENUS */
.tfa_cycle_content, .tfa_cycle_content1{
width: 320px;   
height: 200px;
  overflow:auto;
margin: auto;
padding: 0;
-webkit-border-radius: 15px;   
-moz-border-radius:15px ;   
border-radius: 15px ;
}

/* FOND 1 - IMAGE DE FOND ET BORDURES */
.tfa_cycle_content {   
background: #CDC0AF;   
border-left: 6px solid #5A350D;   
border-right: 6px solid #6e3109;
}

/* FOND 2 - IMAGE DE FOND ET BORDURES */
.tfa_cycle_content1 {   
background: #CDC0AF;   
border-left: 6px solid #6e3109;   
border-right: 6px solid #5A350D;
}

/* -------- PARTIES TEXTES ET IMAGES -------- */

/* TITRES POUR LE FOND 1 ET 2 */
.tfa_cycle_content h1, .tfa_cycle_content1 h1{
width: 150px;   
margin: 5px auto;
padding: 0;
color: #130702;
text-align:left;
text-transform: uppercase;
font: 17px Orbitron;   
text-shadow: 0px 1px 0px #000;
}
/* PREMIERE LETTRE DU TIRE SUR LE FOND 1 */
.tfa_cycle_content h1:first-letter {   
font: 22px Verdana;
font-weight: bold;   
color: #5A350D;   
text-shadow: 0px 1px 0px #000;
}

/* PREMIERE LETTRE DU TIRE SUR LE FOND 2 */
.tfa_cycle_content1 h1:first-letter {   
font: 22px Verdana;
font-weight: bold;   
color: #6e3109;   
text-shadow: 0px 1px 0px #000;
}

/* EMPLACEMENT ET BORDURE DES IMAGES */
.imgix{
display: block;
width: 96%;
margin: auto;
text-align: center;
}
.imgix img{
border: none;
}
/* PARAGRAPHE */
.my_news p{
width: 96%;
margin: 5px auto 0;
padding: 0;
font: 12px Arial;
color: #130702;
  text-align:justify;
}

.secondarytitle {
background-image: url('http://img15.hostingpics.net/pics/532808515856sidhauthead20bis.png');
height:173px;
width:700px;
  background-repeat: no-repeat;
}

.lienpa {
font-family:'Norican',cursive;
font-style:italic;
font-size:18px;
font-weight:lighter;
color:#6e3109 !important;
text-shadow: 0px 0px 5px #6e3109;
 padding:5px;
 
}

.lienpa:hover {

}

hr {
  border-bottom:dotted 3px #6e3109;
  text-shadow: 0px 0px 5px #6e3109;
}

.over {
  height:95px;
  overflow:auto;
}

/*infobulles*/

/*info1*/

div.info1 {
  position: relative;
  float: left;
  opacity:0.6;
}

div.info1 span {
  display: none; /* ceci masque l'infobulle */
}
div.info1:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  opacity:1;
  -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

div.info1:hover span {
display: inline;
position: absolute;
top: 50px;
left: Xpx;
background-color: #DBC19D;
padding: 2px;
border-right: 5px solid #5A350D;
 border-left: 5px solid #5A350D;
 width:198px;
  height:98px;
}

/*info2*/

div.info2 {
  position: relative;
  float: left;
  opacity:0.6;
}

div.info2 span {
  display: none; /* ceci masque l'infobulle */
}
div.info2:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  opacity:1;
  -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
div.info2:hover span {
display: inline;
position: absolute;
top: 50px;
left: -54px;
background-color: #DBC19D;
padding: 2px;
border-right: 5px solid #5A350D;
 border-left: 5px solid #5A350D;
 width:198px;
  height:98px;
}

/*info3*/

div.info3 {
  position: relative;
  float: left;
  opacity:0.6;
}

div.info3 span {
  display: none; /* ceci masque l'infobulle */
}
div.info3:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  opacity:1;
  -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
div.info3:hover span {
display: inline;
position: absolute;
top: 50px;
left: -108px;
background-color: #DBC19D;
padding: 2px;
border-right: 5px solid #5A350D;
 border-left: 5px solid #5A350D;
 width:198px;
  height:98px;
}

/*info4*/

div.info4 {
  position: relative;
  float: left;
  opacity:0.6;
}

div.info4 span {
  display: none; /* ceci masque l'infobulle */
}
div.info4:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  opacity:1;
  -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
div.info4:hover span {
display: inline;
position: absolute;
top: 50px;
left: -162px;
background-color: #DBC19D;
padding: 2px;
border-right: 5px solid #5A350D;
 border-left: 5px solid #5A350D;
 width:198px;
  height:98px;
}

/*info5*/

div.info5 {
  position: relative;
  float: left;
  opacity:0.6;
}

div.info5 span {
  display: none; /* ceci masque l'infobulle */
}
div.info5:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  opacity:1;
  -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
div.info5:hover span {
display: inline;
position: absolute;
top:-102px;
left: Xpx;
background-color: #DBC19D;
padding: 2px;
border-right: 5px solid #5A350D;
 border-left: 5px solid #5A350D;
 width:198px;
  height:98px;
}

/*info6*/

div.info6 {
  position: relative;
  float: left;
  opacity:0.6;
}

div.info6 span {
  display: none; /* ceci masque l'infobulle */
}
div.info6:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  opacity:1;
  -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
div.info6:hover span {
display: inline;
position: absolute;
top: -102px;
left: -54px;
background-color: #DBC19D;
padding: 2px;
border-right: 5px solid #5A350D;
 border-left: 5px solid #5A350D;
 width:198px;
  height:98px;
}

/*info7*/

div.info7 {
  position: relative;
  float: left;
  opacity:0.6;
}

div.info7 span {
  display: none; /* ceci masque l'infobulle */
}
div.info3:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  opacity:1;
  -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
div.info7:hover span {
display: inline;
position: absolute;
top: -102px;
left: -108px;
background-color: #DBC19D;
padding: 2px;
border-right: 5px solid #5A350D;
 border-left: 5px solid #5A350D;
 width:198px;
  height:98px;
}

/*info8*/

div.info8 {
  position: relative;
  float: left;
  opacity:0.6;
}

div.info8 span {
  display: none; /* ceci masque l'infobulle */
}
div.info8:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  opacity:1;
  -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
div.info8:hover span {
display: inline;
position: absolute;
top: -102px;
left: -162px;
background-color: #DBC19D;
padding: 2px;
border-right: 5px solid #5A350D;
 border-left: 5px solid #5A350D;
 width:198px;
  height:98px;
}

Merci d'avance à tous ceux qui pourront m'aider =)


Dernière édition par Elysion28 le Mar 4 Déc 2012 - 20:56, édité 1 fois
Elysion28

Elysion28
*

Féminin
Messages : 41
Inscrit(e) le : 11/03/2011

http://elysion-forumtest.forumgratuit.org/
Elysion28 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème cadre catégorie

Message par Matriochka Mar 4 Déc 2012 - 20:39

Coucou,

Le problème vient de cette ligne :
Code:
.forumline {
  background-color:#5A350D;
  }
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problème cadre catégorie

Message par Elysion28 Mar 4 Déc 2012 - 20:55

Merciiiii un million de fois je me sens trop bête >< (à force d'avoir le nez dans le CSS on voit plus rien lol)
Elysion28

Elysion28
*

Féminin
Messages : 41
Inscrit(e) le : 11/03/2011

http://elysion-forumtest.forumgratuit.org/
Elysion28 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum