Couleur du texte des catégories ne se change pas

[Choupette9]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis que j'ai installé le nouveau design de mon forum
Lien du forum : http://monforum.forumactif.com

Description du problème

Bonsoir,
Je rencontre actuellement quelques difficultés avec le nouveau design que j'essaie de mettre en place sur mon forum.
Je ne parviens pas à modifier la couleur des titres de mes catégories qui du coup sont en blanc et apparaissent sur fonds blanc. J'ai regardé différents tutos, j'ai même tenté une modification des templates mais rien n'y fait, la couleur ne change pas. Pourriez-vous m'aider s'il vous plait ?

Par ailleurs, je rencontre également un second problème, celui de la largeur de mon forum. J'aimerais bien que les catégories de ma PA soient un peu plus large pour prendre plus de place sur ma page d'accueil, mais une fois encore, même en allant modifier les pourcentages, ça n'a pas fonctionné.

Je ne sais pas si tout cela est lié à ma feuille CSS car je ne comprends pas tout, mais j'ai aussi tenté de modifier la taille du forum ainsi que la couleur des titres des catégories et ça n'a pas fonctionné non plus. La voici :

Code:

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


/* PAGE ACCUEIL FORME 1 */


#f1_accueil
{
  width: 800px;
  height: 500px;
  margin: auto;
  background: url(http://image.noelshack.com/fichiers/2013/26/1372353069-acc.png);
  text-shadow: none !important;
}
#f1_accueil a
{
  color: #6B6B6B !important;
  text-shadow: none !important;
}
#f1_accueil a:hover
{
  color: #ffffff !important;
  text-shadow: none !important;
}
.f1_col1
{
  width: 300px;
  vertical-align: top;
}
.f1_contexte
{
  width: 220px;
  height: 300px;
  overflow: auto;
  margin-top: 100px;
  margin-left: 65px;
  text-align: justify;
  color: #6B6B6B;
  text-shadow: 1px 1px 0px #ffffff;
}
.f1_bloconglets
{
  margin-top: 80px;
}
.f1_onglet1, .f1_onglet2, .f1_onglet3
{
  display: inline-block;
  width: 110px;
  height: 50px;
}
.f1_onglet1
{
  margin-left: 50px;
  margin-right: 25px;
}
.f1_onglet2
{
  margin-right: 30px;
}
.f1_contenu1, .f1_contenu2, .f1_contenu3
{
  position: absolute;
  width: 0px;
  height: 220px;
  margin-top: 40px;
  padding-top: 40px;
  overflow: hidden;
  font-size: 11px;
  color: #6B6B6B;
}
.f1_contenu1
{
  margin-left: -10px;
}
.f1_contenu2
{
  margin-left: -149px;
}
.f1_contenu3
{
  margin-left: -294px;
}
.f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3
{
  width: 400px;
}
.f1_liens
{
  display: block;
  text-align: center;
}
.f1_liens a
{
  font-size: 12px;
  font-weight: bold;
}
.f1_news, .f1_friends
{
  width: 200px;
  height: 200px;
  overflow: hidden;
  text-align: justify;
}
.f1_credits, .f1_topsites
{
  height: 150px;
  border-left: 1px solid #6B6B6B;
  margin-left: 5px;
  padding: 5px;
  text-align: center;
}

.f1_staff1
{
  display: block;
  width: 50px;
  height: 50px;
  background: url(http://fc04.deviantart.net/fs70/f/2010/058/1/1/__Eclair_Farron_Icon___by_Ultima_Memoria.png);
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #6B6B6B;
}

.f1_staff2
{
  display: block;
  width: 50px;
  height: 50px;
  background: url(http://i79.servimg.com/u/f79/12/95/72/47/icones10.jpg);
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #6B6B6B;
}

.f1_staff3
{
  display: block;
  width: 50px;
  height: 50px;
  background: url(http://image.noelshack.com/fichiers/2013/27/1372677434-aika.png);
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #6B6B6B;
}



}

.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3
{
  position: absolute;
  width: 0px;
  height: 150px;
  background: #ffffff;
  margin-left: 80px;
  overflow: hidden;
}
.f1_staffcontenu2
{
  margin-top: -72px;
}
.f1_staffcontenu3
{
  margin-top: -144px;
}
.f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3
{
  width: 300px;
  border: 1px solid #6B6B6B;
}

/* FIN PAGE ACCUEIL FORME 1 */


/* MISE EN FORME DES CATEGORIES ET FORUMS AVEC LES IMAGES */

.cate_titre
{
  clear: both;
  height: 100px;
  margin-top: 50px;
}

.catetitre_content
{
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
text-align: center;
padding: 2px;
  border-bottom: 3px dotted #f0f0f0;
}
.catetitre
{
color: #6b6b6b;
font-family: arial;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
}

.description
{
  display: block;
  width: 400px;
  margin: auto;
  height: 100px;
  overflow: hidden;
  border: 2px solid #9c9c9c;
  box-shadow: 1px 1px 1px #191817;
  -moz-box-shadow: 1px 1px 1px #191817;
  -htm-box-shadow: 1px 1px 1px #191817;
  -webkit-box-shadow: 1px 1px 1px #191817;
  -o-box-shadow: 1px 1px 1px #191817;
}
.description_contenu
{
  position: absolute;
  display: block;
  width: 391px;
  height: 91px;
  overflow: auto;
  background-color: #191817;
  font-size: 10px;
  color: #9c9c9c;
  text-align: justify;
  padding: 5px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  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;
}
.description_contenu:hover
{
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  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;
}

/* -------- CATEGORIES ------ */

.bodylinewidth
{
width: 900px;
margin: auto;
}

.bodyline
{
background: url(IMAGE) top left no-repeat #;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 3px 3px 3px #;
-moz-box-shadow: 3px 3px 3px #;
-o-box-shadow: 3px 3px 3px #;
-htm-box-shadow: 3px 3px 3px #
-webkit-box-shadow: 3px 3px 3px #;
border: 1px solid #;
}

#i_logo
{
margin-bottom: 20px;
}

#page-body
{
margin-top: 50px;
}


.forumline
{
max-width: 800px;
min-height: 100px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
background-color: #FFFFFF;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
border-left: 8px solid #f0f0f0;
box-shadow: 2px 2px 2px #373737;
-moz-box-shadow: 2px 2px 2px #373737;
-o-box-shadow: 2px 2px 2px #373737;
-webkit-box-shadow: 2px 2px 2px #373737;
-htm-box-shadow: 2px 2px 2px #373737;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}


.table_head
{
width: 850px;
height: 88px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/996201categorie01.jpg) top center no-repeat;
}
.table_body
{
width: 850px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/122807categorie02.jpg) top center repeat-y;
}
.table_foot
{
width: 850px;
height: 129px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/780236categorie04.jpg) bottom center no-repeat;
}

.cate
{
margin-top: -30px;
}
.titre
{
font-size: 18px;
font-variant: spall-caps;
letter-spacing: 2px;
text-shadow: 1px 1px 0px #4D3009;
}
.cate_body
{
width: 550px;
min-height: 100px;
margin-left: 6px;
margin-right: 6px;
margin-top: 4px;
margin-bottom: 4px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 4px;
padding-right: 4px;
background-color: #dadada;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
border-left: 8px solid #f0f0f0;
box-shadow: 2px 2px 2px #373737;
-moz-box-shadow: 2px 2px 2px #373737;
-o-box-shadow: 2px 2px 2px #373737;
-webkit-box-shadow: 2px 2px 2px #373737;
-htm-box-shadow: 2px 2px 2px #373737;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.cate_body:hover
{
background-color: #6b6b6b;
border-left: 8px solid #dadada;
}
.forumlink
{
display: block;
width: 300px;
text-align: center;
}
.forumlink a
{
color: #6b6b6b !important;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
text-decoration: none !important;
text-shadow: 1px 1px 0px #828282;
border-bottom: 2px solid #4D3009;
}
.forumlink a:hover
{
color: #c7c7c7 !important;
text-shadow: 1px 1px 0px #c7c7c7;
text-decoration: none !important;
font-style: italic;
}
.illu_cate
{
float: left;
margin-right: 4px;
margin-bottom: 4px;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-webkit-transition: 1s;
-htm-transition: 1s;
}
.illu_cate:hover
{
float: left;
margin-right: 4px;
margin-bottom: 4px;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-webkit-transition: 1s;
-htm-transition: 1s;
}
.description
{
display: block;
font-size: 10px;
color: #6b6b6b;
text-align: justify;
}
.liens_sousforum a
{
font-weight: bold;
}
.liens_sousforum a:hover
{
font-weight: bold;
text-decoration: none !important;
}
.stats_last
{
display: block;
width: 140px;
height: 70px;
margin-right: 5px;
background-color: #6b6b6b;
border: 1px solid #dadada;
box-shadow: 2px 2px 2px #373737;
-moz-box-shadow: 2px 2px 2px #373737;
-o-box-shadow: 2px 2px 2px #373737;
-webkit-box-shadow: 2px 2px 2px #373737;
-htm-box-shadow: 2px 2px 2px #373737;
padding: 4px;
font-size: 10px;
text-align: center;
}
.stats
{
display: block;
border-bottom: 1px dashed #828282;
font-size: 10px;
font-weight: bold;
padding-bottom: 2px;
margin-bottom: 2px;
}
.last a
{
text-transform: uppercase;
text-shadow: 1px 1px 0px #e4e4e4;
}
.last a:hover
{
text-decoration: none !important;
color: #828282 !important;
}

table
{
max-width: 800px;
margin: auto;
}



.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

/* ------ INFOBULLE ------ */

        a.info {
        position:relative;
        z-index:24;
        color:#000000;
        text-decoration:none
        }
       
        a.info:hover {
        z-index:25;
        background-color:#FFFFFF
        }
       
        a.info span {
        display: none
        }
       
        a.info:hover span {
        display:block;
        position:absolute;
        top:0px;
        left:0px;
        width:100px;
        border:1px solid #000000;
        background-color:#FFFFFF;
        color:#000000;
        font-weight:none;
        padding:5px;
        }

/*--------- BARRE DE NAVIGATION ------- /*

        .navig {
        position: absolute;
        top: 0px;
        width: 100%;
        background-color: #FFFFFF;
        border-bottom: 3px solid #000000;
        }



*/-----------QQEL-------/*

/* QEEL ONGLETS LATERAUX HOVER */

.qeelnu31_titre
{
  display: block;
  width: 800px;
  height: 100px;
  background-image: url(http://image.noelshack.com/fichiers/2013/27/1372676606-qqel.png);
  margin: auto;
}
#qeelnu31
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 5px;
  height: 200px;
  padding: 10px;
  background: #FFFFFF;
  border: 1px solid #6B6B6B;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -htm-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0px 0px 5px #6B6B6B1;
  -moz-box-shadow: 0px 0px 5px #6B6B6B;
  -o-box-shadow: 0px 0px 5px #6B6B6B;
  -htm-box-shadow: 0px 0px 5px #6B6B6B;
  -webkit-box-shadow: 0px 0px 5px #6B6B6B;
}
#qeelnu31_content
{
  width: 750px;
  height: 200px;
  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://image.noelshack.com/fichiers/2013/27/1372672686-24.png);
}
.qeelnu31_link2
{
  background: url(http://image.noelshack.com/fichiers/2013/27/1372672688-groupes.png);
}
.qeelnu31_link3
{
  background: url(http://image.noelshack.com/fichiers/2013/27/1372672681-h-b.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: 750px;
  height: 200px;
  margin-left: 150px;
  background: #F0F0F0;
  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: #6B6B6B;
}
.qeelnu31_contenu2
{
  position: absolute;
  width: 0px;
  height: 200px;
  margin-left: 150px;
  overflow: hidden;
  background: #F0F0F0;
  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: #6B6B6B;
  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: 200px;
  margin-left: 150px;
  margin-top: -50px;
  overflow: hidden;
  background: #F0F0F0;
  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: #6B6B6B;
  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: 200px;
  margin-left: 150px;
  margin-top: -100px;
  overflow: hidden;
  background: #F0F0F0;
  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: #6B6B6B;
  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: 650px;
  height: 200px;
  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: #6B6B6B;
  font-size: 10px;
  text-align: justify;
}

.qeelnu31_stats
{
  font-size: 12px;
  text-shadow: -1px -1px 0px #6B6B6B;
  letter-spacing: 2px;
  font-weight: bold;
}
.usernu31_online
{
  display: block;
  font-size: 12px;
  text-shadow: -1px -1px 0px #6B6B6B;
  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 #6B6B6B;
  text-transform: uppercase;
}
a.gr1
{
  color: #424242 !important;
}
.gr2
{
  color: #BB76C9 !important;
}
.gr3
{
  color: #FF0505 !important;
}
.gr4
{
  color: #4BD15F !important;
}
.gr5
{
  color: #FF600A !important;
}
.gr6
{
  color: #B5B51D !important;
}
.gr7
{
  color: #20C0FA !important;
}
.gr8
{
  color: #4FB397 !important;
}
.gr_description
{
  font-size: 10px;
  line-height: 9px;
  text-align: justify;
  color: #6B6B6B;
  text-shadow: 1px 1px 0px #;
}


/* -------- TABLEAU PAGE ACCUEIL ------ */

/*TITRES*/
.titr {
  font-family: Cookie; font-size: 55px;
  line-height: 80%; letter-spacing: 0px; position: relative; right: 9px;
  color:#D69E48;
  margin-top: -5px;
}

.titr2 {
  font-family: "Englebert"; line-height: 22px;
  margin-top:2px;
  letter-spacing: 0px;
  text-align: center;
  font-size: 15px;
  color: #CBB5B8;
}

.titr2:hover {
  color:white;
}

/*BLOC CONTEXTE*/
.catei {
  width: 205px;
  height: 225px;
  border: 2px solid #7996A2;
  background-color: #ebd8d0;
  border-radius: 2px 2px 2px 2px;
}

.cateititre {
  background-color:#7996A2;
  font-family: 'Redressed';
  color: #D5C5C8;
  font-size: 14px;
  text-align: center;}

.catei_description {
  position: relative;
  width: 200px;
  height: 205px;
  z-index: 1;
  margin-top: 2px;
  text-align: justify;
  font-size: 10px;
  font-family: arial;
  color: ;
  padding: 1px;
  overflow: auto;
}

/*BLOC STAFF*/
.q3 {
  background-color: #ebd8d0;
  border: 2px solid #7996A2;
  text-align:center;
  border-radius: 1px 1px 1px 1px;
  width: 740px;
  height: 100px;
}

/*SLIDE*/
.wow {
  font-family: georgia;
  opacity:0.0;
  font-size:12px;
  color: black;
  text-align: center;
  width: 110px;
  height: 80px;
  background-color:#7996A2;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
}

.wow:hover {
  opacity: 1
}


/*TOP PARTENAIRE*/
.cad {
  width: 280px;
  height: 70px;
  border: 2px solid #7996A2;
  background-color: #ebd8d0;
  border-radius: 2px 2px 2px 2px;
}

.topS {
  color: #C2B496;
  font-size: 14px;
}

/*MEMBRE DU MOIS*/
.cadm {
  width: 280px;
  height: 140px;
  border: 2px solid #7996A2;
  background-color: #ebd8d0;;
  border-radius: 2px 2px 2px 2px;
}

/*SLIDE*/
.wow2 {
  font-family: georgia;
  opacity:0.0; 
  font-size:12px;
  color: black;
  text-align: center;
  width: 130px;
  height: 50px;
  background-color:#7996A2;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
}

.wow2:hover {
  opacity: 1
}

/*NEWS*/
.new {
  width: 230px;
  height: 220px;
  border: 2px solid #7996A2;
  background-color: #ebd8d0;
  border-radius: 2px 2px 2px 2px;
}

.cred {
  width: 225px;
  height: 200px;
  text-align: justify;
  font-size: 11px;
  font-family: arial;
  padding: 1px;
  overflow: auto;
}

.cate {
  width: 362px;
  height: 125px;
  overflow: hidden;
  border: 2px solid #7996A2;
  background-color: #ebd8d0;
  border-radius: 2px 2px 2px 2px;
}

/*PV&SCENARIOS*/
.q5{
  display: block;
  border: 2px solid #7996A2;
  background-color: #ebd8d0;
  text-align:center;
  padding:1px;
  border-radius: 2px 2px 2x 2x;
  width: 735px;
  height: 70px;
}

.wow3{
  font-family: georgia;
  opacity:0.0; 
  font-size:10px;
  color: black;
  text-align: center;
  width: 105px;
  height: 50px;
  background-color:#7996A2;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
}

.wow3:hover {
  opacity: 1
}


.center {
  margin-right: -7px;
}

.cellule_pv0{
 margin-left: -345;
}
.cellule_pv1 {
  margin-left: -245;
}


/************* QEEL PAR PHANTASMAGORIA sur PRD *******/

.fond_qeel {background-color: #ffffff; width: 780px; }
.bloc_stat1{ background-color: #ebd8d0; border: 1px solid #cc9e8e; width: 250px; height: 130px; overflow: auto;
padding: 7px; font-size: 9px; line-heigh: 10px; text-align : justify;}
 .bloc_stat2 {background-color: #ebd8d0; border: 1px solid #cc9e8e; width: 520px; height: 50px; overflow: auto;
  padding: 7px; font-size: 9px; line-heigh: 10px; text-align : justify; margin-top: -2px;}
.groupe { text-transform : Capitalize; font-family: 'Engagement', cursive; text-shadow: 1px 1px 2px #fff;
  font-size: 18px; margin-top: -10px;}



En espérant que vous puissiez m'aider à comprendre là où ça ne va pas, un grand merci d'avance !

[Lixyr]

..	Bonjour et Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de ForumActif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

Bonjour,

Il y a un

Code:

<font color="#ffffff">

quelque part.
Pouvons-nous avoir le contenu du template index_box ?

[AenigmA]

Bonjour,

Peut être en rajoutant dans ton css :

Code:

th.secondarytitle h2 font {
    color: #6b6b6b !important;
}

[Choupette9]

Bonjour ! Merci pour votre solution, elle a fonctionné.

Du côté du template, je l'avais remis comme il était à la base donc je ne suis pas sûre que le problème ait pu provenir de là mais je l'ajoute quand même :

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">{catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

En tous cas merci beaucoup pour votre aide.
Est-ce que concernant la largeur du forum qui refuse de se modifier malgré le changement de pourcentage peut aussi avoir un rapport avec mon CSS ou mes templates ?

Merci encore pour votre aide.

EDIT : Je viens de trouver d'où provenait le problème de la couleur blanche. J'avais inséré un code HTML dans Forum => catégories et forums, directement dans le nom de mes titres >.<

[Lixyr]

EDIT : Je viens de trouver d'où provenait le problème de la couleur blanche. J'avais inséré un code HTML dans Forum => catégories et forums, directement dans le nom de mes titres >.<

En effet, j'avais pensé au template, mais pas aux titres...

Pour la largeur du forum, il faut ouvrir un nouveau sujet, car c'est une toute autre question.