Problème dans les catégories

[Ireth Meneldur]

Bonjour à tous et à toutes,
Voilà je suis entrain de refaire un forum mais les catégories me posent un petit problème.

J'ai voulu installer des sidebars, tout c'est bien passé, mais pour celle du haut le titre des catégories se met en dessous, comme si la sidebar était juste rajouter au dessus des catégories. De plus ce même titre ne se positionne pas au milieu mais à droite ce qui agrandit le forum...
Pouvez-vous m'aider ?

Voici un screen pour expliquer en image mon problème


Et voici mon CSS puis mon Index_box

Code:

.forumline{
border: 3px #FFFFFF
double;
}

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

.forumline{

border:4px solid #573945;
}
.bodyline {
  border-radius:60px;
border:1px solid #573945;
  background-color: #4F0000;
}

body {
  cursor: crosshair
}

a:hover {
  cursor: pointer;
}


u{
  border-bottom: 2px solid;border-color:#B0ADA0;text-decoration: none;
-moz-border-radius:6px;}

a:hover {
text-decoration: none ;
  color: black ;
  border-bottom: 1px dotted #B0ADA0;
  cursor: pointer
}

.bodylinewidth {
width:60%}

a img {
border: none;
}

a.mainmenu{
 text-decoration: none;
 color : #ffffff;
}
a.mainmenu:hover{
 text-decoration: none;
 color : #000000;
 }

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; }
a:hover{text-transform:uppercase;}

.quote{
font-family: Tahoma;
font-size: 11px;
color: #FFFFFF;
line-height: 125%;
background-color: #969696;
border: #565656;
border-style: solid;
border: 1px #a08491 dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #FFFFFF;
background-color: #969696;
border: #565656;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #a08491
dotted;
-moz-border-radius:6px;}


a {font-variant: small-caps;}

.postdetails.poster-profile a img {
background-image: url('http://img11.hostingpics.net/pics/282285Fond5.png');
padding: 10px;
margin: 10px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow: 4px 0px 3px #020202;
-webkit-box-shadow: 4px 0px 3px #020202;
box-shadow: 4px 0px 3px #020202;
}

/****************************************************************CATEGORIES*******************************************************/

.lastm{
border: 1px solid #000;
border-radius: 11px;
width: 150px;
color:#3F54A5;
}
 
.descrip{

  border-radius: 11px;
margin: 5px;
padding: 5px;
  background-color:#4F0000;
    color:#ffffff;
    -webkit-box-shadow: 0 0 25px #4F0000;
}
 
.stats{
border: 1px solid #000;
border-radius: 11px;
text-align: center;
padding: 3px;
      background-color:#4F0000;
  color:#3F54A5;
}
 
.subfo{
padding-left: 75px;
color:#3F54A5;}
 
 .forumline{
background-color: #800000;
border-bottom: 0px #000000 solid;
border-top: 0px #000000 solid;
border-right: 2px #000000 solid;
border-left: 2px #000000 solid;
}

a.forumlink{
padding-left: 75px;}

.nomdufo{
  font-family: Century Gothic;
  font-size: 18px;
  color: #000000;
  letter-spacing: 3px;
  background-color: #4F0000;
  border-left: #ffffff 2px solid;
  border-right: #ffffff 2px solid;
  border-top: #ffffff 2px solid;
  border-bottom: #ffffff 2px solid;
  width: auto;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

/****** QEEL PERSONALISE ET GROUPES ******/

.groupe{
  background-image:url("http://img4.hostingpics.net/pics/243312Fondbarresgroupes.png");
border:1px solid #969696;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:3px;
  font-size: 10pt
}

/****** Mise en page des colonnes ******/

table tr{
   vertical-align:top;
   }

#tab1_col1{
   width: 200px;
   padding:12px;
   }

#tab1_col2{
   width: 350px;
   padding:12px;
   }

#tab1_col3{
   width: 150px;
   padding:12px;
   }

#tab2_col1{
   width: 450px;
   padding:12px;
   }

#tab2_col2{
   width: 250px;
   padding:12px;
   }
  
/****** Mise en page des titres ******/

#titre_en_tete{
   background-color:#A69393;
   border:1px dashed #ffffff;
   height: 24px;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size: 16px;
   color:#ffffff;
   text-align:center;
   padding: 4px;
   height:35px
   }
  
/****** Mise en page du texte ******/

#en_tete_nav{
   font-family:Tahoma;
   font-size:16px;
   color:#FFFFFF;
   margin-left:35px;
   margin-bottom:-4px;
   }
  
#contenu_en_tete{
   font-family:Tahoma;
   font-size:14px;
   color:#FFFFFF;
   text-align:justify;
   text-indent:12px;
   padding-left:8px;
   padding-right:8px;
   margin-bottom:-4px;
   }

#en_tete_infos_forum{
   font-family:Tahoma;
   font-size:12px;
   color:#FFFFFF;
   text-align:justify;
   text-indent:12px;
   padding-left:8px;
   padding-right:8px;
   margin-bottom:-4px;
   }
  
#en_tete_news{
   font-family:Tahoma;
   font-size:16px;
   color:#FFFFFF;
   margin-left:12px;
   margin-bottom:-4px;
   }

#logo_en_tete, #staff_en_tete{
   text-align:center;
   }

#logo_en_tete a, #staff_en_tete{
   text-decoration:none;
   }

#logo_en_tete img{
   padding-bottom:4px;
   }

#staff_en_tete img{
   padding-left:6px;
   }
      
/****** Mise en page des liens ******/

#lien_en_tete{
   color:#FFFFFF;
   text-decoration:none;
   }

#lien_en_tete:hover{
   border-bottom:dotted 1px #FFFFFF;
   font-weight:bold;
   }

#vers_profil{
   color:#FFFFFF;
   text-decoration:none;
   font-style:italic;
   }
  
#vers_profil:hover{
   border-bottom:dotted 1px #FFFFFF;
   }

#wrap {
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
padding: 10px;
}

.forabg, .forumbg {
border: none;
}

div, table {
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border: none;
}



/************************************************************Groupes du qeel********************************************************/

.qeellegende{
text-align: center;
font-weight: bold;
font-size: 16px;
color: #754C5D;
margin-bottom: -5px;}
 
.qeelgros{
  background-color:#A69393;
  border :#A69393 2px solid;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}
 
#plop .row1{background: none;}

/*************************************************************LES POSTS**************************************************************/

  .fleche {
    background-image : url("http://img11.hostingpics.net/pics/914444glchebulle.png");
    width: 20px;
    height :20px;
    position : relative;
    top :100px;
    left :-16px;  }

 .bulle{
    background-color : #A69393;
    border : 1px solid #6E4A52;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
height : 57px;
  box-shadow: 5px 5px 5px #000000
    }

#text_editor_iframe, input, select, textarea{
background-image: url('http://img11.hostingpics.net/pics/703499Fondcrit.png');
  border-radius:20px;
  border-color:#816B69;
}

.pseudopost{
  text-align:center;
   font-variant: small-caps;
  font-size: 12pt;
  font-weight:lighter;
  font-family: Comic Sans Ms;
  text-shadow: 5px 5px 10px #000000
}

.profildupost{
  text-align:left;
  background-color:#593B47;
  border: solid 1px #816B69;
   -moz-border-radius: 10px ;
    -webkit-border-radius:10px;
    -border-radius:10px;
    -khtml-border-radius:10px;
  color:#B88F8F;
}

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

.navig{
blabla
}

/****** REGLEMENT GENERAL ******/

.titre_reglement{
text-align:center;
vertical-align:middle;
border-left: #969696 2px dotted;
border-right: #969696 2px dotted;
border-top: #969696 2px dotted;
border-bottom: #969696 2px dotted;
background-image:url('http://i47.servimg.com/u/f47/12/07/08/64/sans_t10.png');
font-size: 20pt;
color: #FFFFFF;
font-variant: small-caps;
width: 400px;
height: 30px;
}  

.contenu_reglement{
text-align:left;
border-left: #969696 1px solid;
border-right: #969696 1px solid;
border-top: #969696 1px solid;
border-bottom: #969696 1px solid;
background-image:url('http://img11.hostingpics.net/pics/282285Fond5.png');
font-size: 9pt;
color: #FFFFFF;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

.sous_titre_reglement{
color:#C0C0C0;
font-size: 14pt;
font-weight:Century Gothic;
text-align:left;
}

.info_forum_reglement{
text-align:left;
border-left: #969696 1px solid;
border-right: #969696 1px solid;
border-top: #969696 1px solid;
border-bottom: #969696 1px solid;
background-color:#825A6A;
font-size: 10pt;
color: #FFFFFF;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
width: 400px;
margin-right: 20px
}  

.présentation{
  font-size:14px;
  font-weight: bolder;
  color:#000
}

/**********************************************PAGE D'ACCUEIL******************************************/
#fond_pa {
         margin : auto;
         border-radius : 7px;
         box-shadow : 0 0 10px black;
         width : 780px;
         padding : 10px;
         background : #4F0000;
         }
        
         #fond_pa h1 {
         margin : 0 auto -15px;
         }
        
         .contour0_pa, .contour1_pa {
         display : inline-block;
         vertical-align : top;
         }
        
         .contour1_pa {
         margin-top : 5px;
         margin-bottom : 3px;
         }
        
         #bienvenue_pa {
         width : 488px;
         height : 190px;
         padding : 5px;
         background : #800000;
         border : 1px dotted white;
         text-align : justify;
         text-shadow : 1px 1px 0 rgba(255,255,255,0.4);
         -moz-transition : 1s;
         -webkit-transition : 1s;
         -o-transition : 1s;
         transition : 1s;
         }
        
         #bienvenue_pa:hover, #nouveautes_pa:hover, #contenu:hover, #credits_pa:hover, #topssites_pa:hover, #partenaires_pa:hover {
         color : white;
         text-shadow : 1px 1px 0 rgba(0,0,0,0.4);
         border-radius : 15px;
         box-shadow : 1px 1px 2px rgba(0,0,0,0.4) inset;
         }
        
         #nouveautes_pa {
         width : 264px;
         height : 190px;
         padding : 5px;
         background : #800000;
         border : 1px dotted white;
         text-align : center;
         text-shadow : 1px 1px 0 rgba(255,255,255,0.4);
         -moz-transition : 1s;
         -webkit-transition : 1s;
         -o-transition : 1s;
         transition : 1s;
         }
        
         #onglets ul {
         list-style : none;
         margin-right : 10px;
         padding-top : 34px;
         }
        
         #contenu {
         width : 178px;
         height : 190px;
         padding-top : 10px;
         background : #800000;
         border : 1px dotted white;
         text-align : center;
         text-shadow : 1px 1px 0 rgba(255,255,255,0.4);
         -moz-transition : 1s;
         -webkit-transition : 1s;
         -o-transition : 1s;
         transition : 1s;
         }
        
         div.info_staff{
         opacity : 0.5;
         -moz-transition : 2s;
         -webkit-transition : 2s;
         -o-transition : 2s;
         transition : 2s;
         position : relative;
         }
              
              
         div.info_staff:hover{
         opacity : 1;
         }

         div.info_staff div {
         position : absolute;
         display : none;
         }
                
         div.info_staff:hover div {
         display : block;
         left : 18px;
         top : 2px;
         width : 136px;
         height : 37px;
         background : rgba(255,255,255,0.3);
         color : silver;
         text-align : center;
         padding : 3px;
         line-height : 13px;
         border-radius : 5px;
         }
        
         div.info_staff div a {
         text-decoration : none;
         color : white;
         }
        
         #credits_pa {
         width : 228px;
         height : 200px;
         background : #800000;
         border : 1px dotted white;
         text-align : center;
         text-shadow : 1px 1px 0 rgba(255,255,255,0.4);
         -moz-transition : 1s;
         -webkit-transition : 1s;
         -o-transition : 1s;
         transition : 1s;
         }
        
         #credits_pa a {
         text-decoration : none;
         color : white;
         text-shadow : 1px 1px 0 rgba(255,255,255,0.4);
         }

         #topssites_pa {
         width : 206px;
         height : 200px;
         background : #800000;
         border : 1px dotted white;
         text-align : center;
         text-shadow : 1px 1px 0 rgba(255,255,255,0.4);
         -moz-transition : 1s;
         -webkit-transition : 1s;
         -o-transition : 1s;
         transition : 1s;
         }
        
         #topssites_pa img {
         opacity : 0.5;
         width : 35px;
         margin-top : 10px;
         -moz-transition : 1s;
         -webkit-transition : 1s;
         -o-transition : 1s;
         transition : 1s;
         }
        
         #topssites_pa img:hover {
         opacity : 1;
         }
        
         #partenaires_pa {
         padding : 10px 0 5px;
         background : #800000;
         border : 1px dotted white;
         text-align : center;
         text-shadow : 1px 1px 0 rgba(255,255,255,0.4);
         -moz-transition : 1s;
         -webkit-transition : 1s;
         -o-transition : 1s;
         transition : 1s;
         }
        
         #partenaires_pa img {
         opacity : 0.5;
         -moz-transition : 1s;
         -webkit-transition : 1s;
         -o-transition : 1s;
         transition : 1s;
         }
        
         #partenaires_pa img:hover {
         opacity : 1;
         }

         img {border : none; }

Code:

<table width="100%" border="0" cellspacing="0" 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 width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="http://img11.hostingpics.net/pics/806460Fondcatgories.png" /></td></tr></table>
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
    <td width="500"><div style="width:500px;"></div></td> <td colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%"><div class="secondarytitle"> {catrow.tablehead.L_FORUM}</div> </td>
        </tr></table><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
 
  <!-- 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"> </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">
         
      </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">
                                     <br /><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="nomdufo">{catrow.forumrow.FORUM_NAME}</div></a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span><br />
                  <div class="subfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
         
         </span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
                  <fieldset class="lastm"><legend class="stats"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></legend><span class="gensmall">{catrow.forumrow.LAST_POST}<br />
                  {catrow.forumrow.TOPICS} sujets, {catrow.forumrow.POSTS} messages</span>
                  </fieldset>
      </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><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="http://img11.hostingpics.net/pics/663736Fondcatgoriesbas.png" /></td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Merci !!!

[Ireth Meneldur]

Personne ? ^^"

[Anzu]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif