Problèmes de liens de sous forums

[Dark-Imperator]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Mise en place de CSS et templates personnalisés
Lien du forum : http://www.starwarsanewera-rpg.com/

Description du problème

Bonjour à tous et à toutes

Tout d'abord merci du temps que vous prenez à lire ce problème et peut être même pour celui que vous passerez à essayer de le régler. Mon soucis est le suivant : j'ai récemment mis en place un Temple personnalisé dans le but de modifier et les titres des Catégories et l'affichage des liens des sous forums... Ainsi que leur emplacement.
Or si mon code a parfaitement fonctionné je me retrouve toujours avec des fichus liens de sous forums en bas ! (Alors qu'ils sont déjà en colonnes tout beaux tout propres). Je vous montre mes codes :

Template Index-box

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 --><div class="TitreCategorie">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" 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">&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}>
          <div class="BlocForum">
            <div class="genmed DescForum">
              <div>{catrow.forumrow.FORUM_DESC}</div>
            </div>
            <div class="gensmall ListeSousForums">{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>
            <div class="sousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
         
      </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 -->

CSS associé

Code:

/* Mise en forme du "bloc" qui contient le titre */
.TitreCategorie {
  background-image: url(http://nsa38.casimages.com/img/2015/12/28/151228051652985313.png); /*fond*/
  /* Des coins arrondis */
  -moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 6px;
border-radius: 6px 6px 6px 6px;
-moz-box-shadow: 1px 1px 2px #f0b643;
box-shadow: 1px 1px 2px #f0b643;
    border:2px solid #006699;
    border-bottom:0px;
}

/* mise en forme du titre lui-même */
.TitreCategorie h2 {
  margin:0; /* le titre a des marges par défaut, pour éviter de 'casser' nos réglages, on remet à zéro ici */
  text-align: center; /*alignement du texte par rapport au bloc qui le contient */
  letter-spacing:2px; /* espacement entre les lettres */
  font-variant:small-caps; /* texte en petites majuscules */
    color:#006699; /* couleur du texte */
    font-family: Geneva, Tahoma, Verdana, sans-serif;
    font-size:16px;
}

/*Largeur & Taille des colonnes */
/* Largeur de la cellule du nombre de sujets */
.NbTopics { width:80px; }
/* Largeur de la cellule du nombre de messages */
.NbPosts { width:100px; }
/* Largeur de la cellule du dernier message posté */
.LastPost { width:800px; }
/* Fin Largeur & Taille des colonnes */

/* Personnalisation sous forums */
.sousforums a {
 display:inline-block; /* affichage en ligne mais avec les propriétés d'un bloc */
 background-image: (http://nsa38.casimages.com/img/2015/12/28/151228051652985313.png); /* une couleur de fond derrière chaque lien */
 padding:2px 5px; /*un espacement entre le texte et le bord du bloc-lien*/
 margin:0 5px; /* un espacement entre le bloc-lien et les éléments qui l'entourent */
}
.sousforums a:hover {
  background-image:(http://nsa38.casimages.com/img/2015/12/28/151228051652985313.png); /*couleur de fond différente de l'état non survolé */
  color:#ffffff;/* couleur du texte différent de l'état non survolé */
}
/* Fin Personnalisation sous forums */

/*MISE EN FORME DES CATÉGORIES : AFFICHER LES SOUS FORUMS EN COLONNE*/

/* IMPORTANT : Ceci est la technique dite "clearfix" qui permet de forcer le conteneur des flottants à s'adapter à leur taille */
.BlocForum:after {
  display:table;
  content:"";
  clear:both;
}

/* Positionnement de la description des forums */
.DescForum {
  float:left; /* flottant à gauche */
  width:80%; /* largeur de 80% */
}

/* Positionnement de la liste des sous-forums */
.ListeSousForums {
  float:left; /* flottant à gauche */
  width:20%; /* largeur de 20% */
}

/* mise en page de la description des forums */
.DescForum > div {
  margin:2px 10px 2px 2px; /*marges extérieures, haut droite bas gauche*/
  background-image:(http://nsa38.casimages.com/img/2015/12/28/151228051652985313.png); /* couleur de fond */
  padding:5px; /* marges intérieures, entre le texte et le bord */
  text-align:justify; /* alignement du texte */
  /* des coins arrondis */
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 6px;
border-radius: 6px 6px 6px 6px;
-moz-box-shadow: 1px 1px 2px #f0b643;
box-shadow: 1px 1px 2px #f0b643;
}

.ListeSousForums a {
  display:block; /* on transforme les liens en blocs */
  background-image:(http://nsa38.casimages.com/img/2015/12/28/151228051652985313.png);; /* couleur de fond */
  padding:2px 10px; /* marges internes haut/bas et droite/gauche */
  margin:2px 0; /*marges externes haut/bas et droite/gauche */
  /* des coins arrondis */
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 6px;
border-radius: 6px 6px 6px 6px;
-moz-box-shadow: 1px 1px 2px #f0b643;
box-shadow: 1px 1px 2px #f0b643;
}

/*MISE EN FORME DES CATÉGORIES : AFFICHER LES SOUS-FORUMS EN COLONNE*/

Voilà encore merci de l'aide apportée

[lmc38510]

Bonjour "Mark-Imperator"

1) Dans ton "Template Index-box" à la ligne 56 (dans ton code) tu as:

Code:

<div class="gensmall ListeSousForums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

L'affichage provient de cette ligne, en l'examinant elle porte bien la class -> "gensmall ListeSousForums"

Fait un essai en la modifiant comme suit: ( ajouter en début " <!-- " & en fin " --> "

Code:

<!-- <div class="gensmall ListeSousForums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> -->

Ceci annule l'action .... une fois fait pense à valider ... et à publier ...
Si c'est OK .... parfait ... sinon enlève <!- & -->

2) si (1) n'a aucune action

Dans ton CSS tu as sur "ListeSousForums":

Code:

/* Positionnement de la liste des sous-forums */
.Instrumentalistes {
  float:left; /* flottant à gauche */
  width:20%; /* largeur de 20% */
}
.ListeSousForums a {
  display:block; /* on transforme les liens en blocs */
  background-image:(http://nsa38.casimages.com/img/2015/12/28/151228051652985313.png);; /* couleur de fond */
  padding:2px 10px; /* marges internes haut/bas et droite/gauche */
  margin:2px 0; /*marges externes haut/bas et droite/gauche */
  /* des coins arrondis */
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 6px;
border-radius: 6px 6px 6px 6px;
-moz-box-shadow: 1px 1px 2px #f0b643;
box-shadow: 1px 1px 2px #f0b643;
}

Neutraliser ces lignes (avec des /* .... */ )

et tenter un

Code:

.ListeSousforums{
display:none;
}

[Dark-Imperator]

Problème réglé !

Merci beaucoup !

[lmc38510]

.

laquelle des solutions as-tu utilisé ... ?

[Dark-Imperator]

La première

[lmc38510]

Nickel pourquoi faire compliqué

Au plaisir