Problème cadre catégorie
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème cadre catégorie
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)
Merci d'avance à tous ceux qui pourront m'aider =)
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
Re: Problème cadre catégorie
Coucou,
Le problème vient de cette ligne :
Le problème vient de cette ligne :
- Code:
.forumline {
background-color:#5A350D;
}
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème cadre catégorie
Merciiiii un million de fois je me sens trop bête >< (à force d'avoir le nez dans le CSS on voit plus rien lol)
Sujets similaires
» Cadre catégorie et couleur catégorie droite
» Problème de catégorie j'ai regarder les tuto pour les catégorie rien ni fait
» Image en cadre de catégorie
» Personnaliser un cadre de catégorie
» Titre catégorie (image) qui dépasse du cadre
» Problème de catégorie j'ai regarder les tuto pour les catégorie rien ni fait
» Image en cadre de catégorie
» Personnaliser un cadre de catégorie
» Titre catégorie (image) qui dépasse du cadre
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum