Probleme de mise en page des sous forums

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

Résolu Probleme de mise en page des sous forums

Message par 14v24 le Mer 30 Avr 2014 - 23:46

Bonjour !

Me revoici avec de nouveaux problemes... Je n'arriv absolument pas à allonger le fond de cadre de mes sous forums pour qu'il atteigne la longueur de mes forums ><


URL du forum : http://maybe-not-so-dead.forumsactifs.com/
Version de votre forum : phpbb2
Statut sur le forum : Fonda !
Templates & CSS:
Index_box:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->

<!-- END switch_user_logged_in -->

</td>
<td class="gensmall" align="center" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
                 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><span> - </span>
<!-- 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" align="center">
<tr>
<th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle" align="center">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</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="2" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->

<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
       <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                   <div class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                   </div>
                </h{catrow.forumrow.LEVEL}></td>
                               </tr></tbody></table>
<table class="BlocForum" border="0" cellspacing="1" cellpadding="0"><tr><td class="{catrow.forumrow.INC_CLASS}" align="center" valign="top">
                 <div><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
                   </td>
           <td><div class="genmed DescForum">
              <div>{catrow.forumrow.FORUM_DESC}</div>
             </div><span style="font-family:Alegreya Sans; font-size: 12px; text-transform: uppercase; letter-spacing:2px; margin-right: 20px;">{catrow.forumrow.POSTS} messages & {catrow.forumrow.TOPICS} sujets</span> <span style="margin-right: -40px;"><span class="last_mess" align="right"><span class="gensmall" id="last" align="right">{catrow.forumrow.LAST_POST}</span></span></span>
   <script type="text/javascript">
   jQuery('#last').html(jQuery('#last').html().replace(/<br>/g,'<span style="display: inline-block; padding: 0 5px;">-</span>')).removeAttr('id');
     </script></td></tr></table></div>
                         <span class="ListeSousForums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><br/><br/>
       
        <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>
                   </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 -->
CSS Personnalisé:
/*Bouton pour sélectionner le contenu*/
.selectCode { float: right; text-transform: uppercase; cursor: pointer !important; padding-left: 10px !important;}


/*Nom chatbox*/
#chatbox_header .cattitle strong {
display: none;
}

#chatbox_header .cattitle:before {
content: "Planque des survivants";
}


/*Texte justifié sur le forum*/
.forumline{text-align:justify;}
.postbody{text-align:justify;}
/*FIN texte justifié*/


/*Largeur du corps forum*/
.bodylinewidth
{
 margin-top: -9px;
}
.bodyline
{
 padding: 0;
 background: #f5f5f5;
}
/*FIN largeur du corps forum*/


/* Largeur des forums*/
.forumline
{
 color:#655c57;
background: #655c58;
 width:706px;
 margin-left: 23px;
}



/* Fond forum */

body {
background: url('https://i57.servimg.com/u/f57/18/27/45/46/fond10.jpg');
background-repeat:repeat-y;
background-position: top center;
 background-color: #191919;
}



/*Barre de navigation*/
#navigation
{
 position: fixed;
 z-index: 999;
 height: 30px;
 width: 100%;
 margin-left: -8px;
}
#navig
{
 width: 100%;
 margin: auto;
 text-align: center;
 background: #000000;
 border-bottom: 2px solid #0b0b0b;
 padding-bottom: 3px;
}
#navig a
{
 font-weight: bold;
 font-size: 16px;
 color: #969a8e !important;
 text-shadow: 1px 1px 0px #000000;
 font-family: 'Pathway Gothic One', sans-serif;
 font-weight: lighter;
 text-transform:uppercase;
}
#navig a:hover
{
 color: #651513 !important;
}

a:link, a:link hover    /*Retire le soulignement de tous les liens du forum*/
{
 text-decoration: none !important;
 color: #d8e0c4;
}
/*Fin navogation*/




/*Descendre le logo de 20px*/
#i_logo
{
 margin-top: 22px;
}


/*Cadre Avatar*/
.profil
{
 width: 210px;
 margin: auto;
 padding: 2px;
 background: #0b0b0b;
 color: #969a8e;
 /*border-right:2px solid #181915;*/
 text-align: center;
 margin-left: -22px;
 margin-right: 22px;
}
.name
{
 font-size: 18px;
 width: 200px;
 font-transform: uppercase;
 text-align: center !important;
 font-family: 'Pathway Gothic One', sans-serif;
 color: #d8e0c4 !important;
 margin-top: 7px;
 margin-bottom: -20px;
 margin-left: 3px;
 padding: 2px;
}
.profil_avatar
{
 border-left: 6px solid #000000 !important;
 border-right: 3px solid #000000;
 border-bottom: 10px solid #000000;
 background: #969a8e;
 padding: 4px;
 color: #969a8e;
 text-align: center;
}


/*Page d'accueil*/
.PAboite1 /*Liens importants*/
{
 background: #000000;
 padding: 5px;
 font-size: 20px;
 font-family: 'Pathway Gothic One', sans-serif;
 color: #d8e0c4;
 text-transform: uppercase;
 text-align: center;
 width: 850px;
 padding: 4px;
 margin-top: 10px;
 margin-bottom: 10px;
}

.PAboite2 /*Contexte*/
{
 background: #0b0b0b;
 width: 300px;
 height:420px;
 overflow: auto;
 text-align: justify;
 font-size: 12px;
 color: #40413B;
 padding : 4px;
}

.PAboite3 /*Event*/
{
 background: #0b0b0b;
 width: 300px;
 height:150px;
 overflow: auto;
 text-align: justify;
 font-size: 12px;
 color: #40413B;
 margin: auto;
 padding: 4px;
}

.PAboite6 /*Calendrier*/
{
 background: #0b0b0b;
 width: 300px;
 height:260px;
 overflow: auto;
 text-align: justify;
 font-size: 12px;
 color: #40413B;
 margin: auto;
 padding: 4px;
}

.PAboite4 /*Staff*/
{
 background: #0b0b0b;
 width: 210px;
 height:260px;
 overflow: none;
 text-align: justify;
 font-size: 12px;
 color: #40413B;
 margin: auto;
 padding: 4px;
}

.PAboite5 /*Prédef*/
{
 background: #0b0b0b;
 width: 210px;
 height:150px;
 overflow: auto;
 text-align: justify;
 font-size: 12px;
 color: #40413B;
 margin: auto;
 padding: 4px;
}

.PAtitre /*Titre PA*/
{
 font-family: 'Pathway Gothic One', sans-serif;
 text-align: center;
 font-size: 20px;
 color: #d8e0c4;
 text-transform: uppercase;
 padding-bottom: 5px;
}


.Partenaire
{
 background: #0b0b0b;
 width: 658px;
 height: 105px;
 margin: auto;
 padding: 4px;
}

.TS
{
 background: #0b0b0b;
 width: 180px;
 height: 105px;
 margin: auto;
 padding: 4px;
}



.PAtitre2 /*Titre PA*/
{
 font-family: 'Pathway Gothic One', sans-serif;
 text-align: center;
 font-size: 16px;
 color: #d8e0c4;
 text-transform: uppercase;
 padding-bottom: 5px;
}




.infobulle
{
 width: 200px;
 height: 75px;
 overflow: hidden;
 border: 2px solid #000000;
 background-color: #000000;
}
.infobulle_img
{
 position: relative;
 z-index: 2;
 width: 200px;
 height: 75px;
 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;
}
.infobulle:hover .infobulle_img
{
margin-left: 200px;
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;
}
.infobulle_description
{
 position: relative;
 z-index: 1;
 width: 190px;
 height: 65px;
 margin-top: -70px;
 text-align: justify;
 font-size: 11px;
 color: #40413B;
 padding-left: 4px;
 padding-right: 6px;
 overflow: hidden;
}

















/*MISE EN PAGE CATEGORIES ET FORUMS*/
.BlocForum {
 background: #786f6a !important;
 margin-left: 12px;
 margin-right: 12px;
 padding-top: 10px;
 margin-bottom: 10px;
}


 .DescForum
{
   background: #655c57;
 color: #1e1e1e;
 text-align: justify;
  height:55px;  /* hauteur du bloc de description */
 overflow:auto;      /* le scroll apparaît automatiquement si besoin */
font-family: 'Alegreya Sans', sans-serif;
 font-weight: semi-bold;
   text-transform: uppercase;
 font-size: 11px;
 text-transform:uppercase;
 padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
 margin-right: 5px;
 margin-bottom: -3px;
 margin-top: 2px;


}

/* _ _ _ _ _ _ _ _ _ _ CONFIG LIENS FORUM _ _ _ _ _ _ _ _ _ _ */

.forumline a.forumlink {
font-family: 'Cutive Mono';
 font-size: 18px;
 font-weight: lighter;
 text-transform: uppercase;
   color: #f5f5f5;
text-decoration:none !important;
 text-align:left;
 margin-bottom: -12px;
 margin-left : 13px;
 
 display: block;
 width: 100%;
 position: relative;
transition:all 0.5s;
-moz-transition:all 0.5s; /* Mozilla Firefox */
-webkit-transition:all 0.5s; /* Safari et Google Chrome */
-o-transition:all 0.5s; /* Opera */

}

/* Permet de ne pas déformer le fil d'ariane
a.forumlink span, a.forumtitle span { display: none; }
a.forumlink img, a.forumtitle img { display: inline!important; }*/


a.forumlink:hover {
 color: #641513;
}



   .last_message
   {
   color: black;
   text-align: right !important;
  font-family: 'Alegreya Sans SC', sans-serif;
 font-weight: lighter;
 font-size: 12px;
 margin-right: -10px;
   }
   .last_message .a
   {
   font-size: 12px !important;
   }


.ListeSousForums{
 padding: 4px;
   background: #786f6a !important;
  color: #191919;
 font-family: 'Alegreya Sans SC', sans-serif;
 font-weight: lighter;
 font-size: 12px;
 text-align: center;
 height: 18px;
 width: 300px !important;
 margin-left: 60px;
}
.ListeSousForums a{
  color: #191919;
  text-transform: uppercase;
}




/* Titres catégories*/
.secondarytitle .Categorie {
 font-family: 'Alegreya Sans SC', sans-serif;
 font-weight: 500;
 font-size: 48px;
 color: #9d1609;
 text-shadow: 3px 0px #191919;
 text-align: center !important;
 text-transform:uppercase;
 background: #f5f5f5;
width: 670px;
}



/* _ _ _ _ _ _ _ _ _ _ _ CONFIG FORUM _ _ _ _ _ _ _ _ _ _ _ */

/* _ _ _ _ _ _ _ _ _ _ CONFIG NAVIGATION FORUM _ _ _ _ _ _ _ _ _ _ */

       .nav .categorie {
       display: inline;
       }





/* _ _ _ _ _ _ _ _ _ _ CONFIG TITRES / SOUS TITRES _ _ _ _ _ _ _ _ _ _ */

.titre1 {
  color:#d8e0c4;
 font-family: 'Pathway Gothic One', sans-serif;
 font-size: 40px;
 text-shadow: 2px 2px 0px #780e08;
 background:#000000;
 text-align:left;
 margin-left: -15px;
 margin-bottom: 15px;
 padding-top: 10px;
 padding-left:30px;
 padding-bottom: 12px;
}

.titre2 {
  color:#d8e0c4;
 font-family: 'Pathway Gothic One', sans-serif;
 font-size: 20px;
 text-align:left;
 margin-bottom: 8px;
 margin-top: 25px;
 padding-bottom: 2px;
}

.important {
  font-size: 12px;
 color: #780e08;
 font-weight: bold;
 text-shadow:#000000 0.5px 0.5px;
}







       /*nouvel éditeur barre du haut*/
       
       div.sceditor-toolbar{
       background-color:#181915 !important;}
       
       /*nouvel éditeur textarea*/
       .sceditor-container iframe, .sceditor-container textarea{
         background: #969a8e !important;
}


       .sceditor-container.ltr.wysiwygMode {
 background:#969a8e;}








/* COULEUR DES


*/

hr { border-color: #969a8e; }


/* Enlève les bordures*/
.catHead {  border: none !important;}
.catBottom  {  border: none !important;}
.thLeft  {  border: none !important;}
.thRight {  border: none !important;}
.row3Right {  border: none !important;}



/* MODIF TITRES DES SUJETS DANS MESSAGES*/

.titre_messages {
 font-size: 25px;
 color: #d8e0c4 !important;
 text-shadow: 1px 1px 0px #000000;
 font-family: 'Pathway Gothic One', sans-serif;
 font-weight: lighter;
 text-transform:uppercase;
 background: #0b0b0b;
 margin-top: 50px;
 margin-left: -105px;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 250px;
 text-shadow: -0.05em -0.05em #780e08;
 text-align: left;
}
 




/* BANDEAU "EN LIGNE"*/
       .icon_online {
       position:absolute;
       margin-left:100px;
       margin-top:-50px;}




/* PANNEAUX COULISSANT */
.fpanel { position: fixed; }
.fpclose,.fpopen { cursor: pointer; }
.fpclose { display: none; }

#fp848 { top: 20%; left: -500px; }
#fp848 .fpcontent { width: 500px; }

.fpcontent {
 background: #0b0b0b;
 color: #3d413b;
 border: 1px solid #000000;
 font-size: 10px;
 text-align: center;
}

.titrepano {
 color:#d8e0c4;
 font-family: 'Pathway Gothic One', sans-serif;
 font-size: 40px;
 text-shadow: 2px 2px 0px #780e08;
 background:#000000;
 margin-top: -20px;
 text-transform: uppercase;
}

.lienpano a{
 font-family: 'Pathway Gothic One', sans-serif;
 font-size: 20px;
 color: #780e08 !important;
 text-decoration:none;
}


.lienpano a:hover{
 color: #d8e0c4 !important;
 text-decoration:none !important;
}




/* Enleve les images du fil d'ariane*/
.secondarytitle h2 span , .hierarchy a span { display:none !important; }
td.nav a > img , .catBottom .nav a > img { display : none !important; }







/*ENLEVER LES BORDURES GENANTES*/
.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;
}





/* - - - - - - - - - - - MENU DEROULANT PA - - - - - - - - - - - - */

#menu, #menu ul /* Liste */    
{
       padding : 0; /* pas de marge intérieure */
       margin : -1px; /* ni extérieure */
       list-style : none; /* on supprime le style par défaut de la liste */
       line-height : 21px; /* on définit une hauteur pour chaque élément */
       text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#menu /* Ensemble du menu */
{
       font-family : 'Pathway Gothic One', sans-serif; /* on utilise Arial, c'est plus beau ^^ */
       font-size : 20px; /* hauteur du texte : 12 pixels */
}
#menu a /* Contenu des listes */
{
       display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
       padding-top: 2px;
 padding-bottom: 2px;
        font-family: 'Pathway Gothic One', sans-serif;
 font-weight: lighter;
  text-align: center;
 font-size: 18px;
 color: #3f413b;
 background:#0b0b0b; /* couleur de fond */
   text-transform: uppercase;
   transition:all 1s;
-moz-transition:all 1s; /* Mozilla Firefox */
-webkit-transition:all 1s; /* Safari et Google Chrome */
-o-transition:all 1s; /* Opera */
       width : 169px; /* largeur */
}
#menu li /* Elements des listes */      
{
       float : left;
       /* pour IE qui ne reconnaît pas "transparent" */
       border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
 margin-top:-4px;
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
       border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
#menu li ul /* Sous-listes */
{
       position: absolute; /* Position absolue */
       width: 144px; /* Largeur des sous-listes */
       left: -999em; /* Hop, on envoie loin du champ de vision */
}

#menu li ul ul
{
       margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
       /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
       border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
       border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
       color: #d8e0c4; /* On passe le texte en noir... */
       background: #780e08; /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
       left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
       left: auto; /* Repositionnement normal */
       min-height: 0; /* Corrige un bug sous IE */
}

#menu li ul li /* Éléments de sous-listes */
{
       /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
       padding-top : 2px;
 padding-bottom: 2px;
}


Merci d'avance à ceux qui se pencheront sur le probleme!  Smile


Dernière édition par 14v24 le Jeu 1 Mai 2014 - 17:41, édité 1 fois

14v24
*

Messages : 41
Inscrit(e) le : 03/05/2013

http://heriadel.forumactif.com/
14v24 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de mise en page des sous forums

Message par Kinotto le Jeu 1 Mai 2014 - 10:58

Bonjour,

Quel est le cadre que vous voudriez voir allongé ? Pouvez-vous être plus précis ?
De plus, votre forum n'est pas accessible, il faudrait y remédier juste le temps que l'on trouve la solution.

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de mise en page des sous forums

Message par 14v24 le Jeu 1 Mai 2014 - 14:47

Le forum devrait etre accessible à présent !
Je parle de la bande où il y a marqué "encyclopédie du monde" !

14v24
*

Messages : 41
Inscrit(e) le : 03/05/2013

http://heriadel.forumactif.com/
14v24 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de mise en page des sous forums

Message par Kinotto le Jeu 1 Mai 2014 - 14:52

Re,

C'est parce que la classe ListeSousForums est de type inline, vous ne pouvez donc pas modifier sa hauteur ni sa largeur.

Insérez dans le CSS (Affichage > Couleurs > Onglet "Feuille de style CSS") :
Code:
.ListeSousForums{
  display:block !important;
}

Vous pourrez ensuite régler le positionnement et la largeur de la classe dans le reste du code. Smile

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de mise en page des sous forums

Message par 14v24 le Jeu 1 Mai 2014 - 17:21

Ca marche ! Merci beaucoup Very Happy

14v24
*

Messages : 41
Inscrit(e) le : 03/05/2013

http://heriadel.forumactif.com/
14v24 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de mise en page des sous forums

Message par Kinotto le Jeu 1 Mai 2014 - 17:39

Je vous en prie, bonne fin de journée Very Happy

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto 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