Problème avec les petits liens des sous-forums

[lunasims57]

Bonjour !

Jusqu'à présent je n'avais pas de sous-forums alors je n'avais pas remarqué le problème, mais maintenant qu'il y en a ça me fait quelque chose de bizarre :



"Nouvelles présentations" et "Personnages validés" sont censés se trouver dans le forum d'au dessus, je ne sais pas pourquoi mais c'est tout décalé...

Voici le bout de mon css que j'ai modifié pour les forums, c'est peut-être ça qui fait décaler tout :

Code:

/* Apparence des sous-catégories */

.forumtitle {
   font-family: 'Handlee', cursive !important;
        font-size : 19px !important;
        text-align:center;
     font-variant: small-caps;
     text-shadow: 3px 0px 3px rgb(180,180,180);
}
 
 dd.dterm div{
          height:120px !important;
  text-align:center;
}         
dd.dterm {  border-top: 1px dashed #DFE3ED;
        border-radius:20px;
        }

ul.forums dd {
  border-color : #DFE3ED
  border-left:none;}

/* Colonnes sujets/messages/dernier message*/


dd.posts { border-top: 1px dashed #DFE3ED !important;
    border-radius: 20px ;}

dd.topics { border-top: 1px dashed #DFE3ED !important;
   border-radius: 20px ;}

dd.views { border-top: 1px dashed #DFE3ED !important;
   border-radius: 20px ;}

dd.lastpost {
        /*width:150px;*/
        width: auto;
        min-width:150px;
      text-align:center;
        border-top: 1px dashed #DFE3ED !important;
   border-radius: 20px ;
}

dl.icon{
        width:1090px; 
}
/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */

.cate{
  width: 575px;
  height: 100px;
  overflow: hidden;
  border: none;
  background-color: auto;
}
.cate_img{
   position: relative;
   z-index: 2;
   width: 575px;
   height: 100px;
   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;
}

.cate:hover .cate_img{
margin-left: 575px;
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;
  box-align:center;
}

.cate_description{
  position: relative;
  z-index: 1;
  width: 498px;
  height: 100px;
  margin-top: -100px;
  text-align: justify !important;
  font-size: auto;
  color: auto;
  padding: 2px;
  overflow: auto;
  margin-left:35px;
}

Voilà un petit schéma de ce que je voudrai avoir au final:

État normal (que j'ai déjà) :


État quand survolé :

Je veux pas de cadres gris ou noirs autour hein, c'est juste pour vous montrer la forme ! Sinon je sais comment décaler la description, ma question porte uniquement sur les petits liens.

Je vous remercie de bien vouloir m'aider

[Neptunia]

Bonjour ^^


Le problème provient vraisemblablement d'un ou plusieurs javascripts actifs au minimum sur l'index. Il vous faudra les désactiver un à un pour trouver le coupable.

Et dans la mesure du possible résoudre ce problème avant de songer à modifier l'apparence des onglets en cas de nouveaux messages.

[lunasims57]

D'accord, je désactive le JS qu'on vient de me donner alors.

Voilà mes JS actif sur l'index :

Onglets:

Panneau coulissant:

Phrases du qeel:

Bannière aléatoire:

CB coulissante:

Police personnalisée:

Ça en fait un bon paquet, désolée ! J'ai encore du mal à comprendre le javascript !

[Neptunia]

Et bien il vous faudra les désactiver en décochant les cases de placement.

Une fois que les sous-forums seront dans la bonne catégorie, vous aurez trouvé le fautif.

[lunasims57]

J'ai tout essayé rien ne change ! :/

[Neptunia]

Si vous désactivez complètement la gestion des codes javascript, ça devrait tout de même résoudre le souci non ??

[lunasims57]

Nan c'est toujours décalé en dessous. Je pense que c'est lié aux descriptions de mes forums en fait. Déjà que j'ai dû décaler de -100px vers le haut les descriptions, peut-être que les sous-forums sont aussi automatiquement décalés vers le bas automatiquement !

[Neptunia]

De mon côté j'avais testé, le problème ne vient pas des templates.

Vous confirmez que ça ne vient pas non plus du javascript.
Il va donc en effet falloir se pencher sur le CSS et/ou sur la description des catégories pour corriger le problème.
Une suppression de la feuille CSS permettrait d'exclure définitivement ce point de la liste des suspects.

[lunasims57]

Sans le CSS ça donne ça :



Du coup je pense qu'il faudrait agir au niveau des templates, en encadrant le truc des sous-forums d'une div qui permettrai de les remonter ! Il faudrait également qu'ils apparaissent en une seule ligne.

Mon index-box :

Code:

<ul class="linklist">
   <!-- BEGIN switch_user_logged_in -->
   <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;•&nbsp;</li>
   <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;•&nbsp;</li>
   <!-- END switch_user_logged_in -->
   <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
   <!-- BEGIN switch_user_logged_in -->
   <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
   <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
                  <dd class="topics">{L_TOPICS}</dd>
                  <dd class="posts">{L_POSTS}</dd>
                  <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
               </dl>
            </li>
         </ul>
         <ul class="topiclist forums">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
            <li class="row">
               <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
                  <dd class="dterm">
                     <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        <br />
                        {catrow.forumrow.FORUM_DESC}

                        <!-- 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}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                     </div>
                  </dd>
                  <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
                  <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
                  <dd class="lastpost">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </dd>
               </dl>
            </li>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </ul>

         <span class="corners-bottom"><span></span></span></div>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
   <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;•&nbsp;</li>
   <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;•&nbsp;</li>
   <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   <!-- BEGIN switch_delete_cookies -->
   <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
   <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

Est-ce que c'est bien {forumrow.SUBFORUMS} ce qui concerne les sous-forums ?
Parce que dans ce ças je vais l'encadrer d'une div, mettre width: 500px pour qu'ils soient en ligne et mettre margin-top : -150px ou quelque chose comme ça pour que ça apparaisse derrière l'image et au dessus de la descriptions.

EDIT : j'ai réglé le problème de l'image trop basse, j'avais fait une bêtise mais c'est bon maintenant !

[lunasims57]

(Pardon du double-post :/)
J'ai réussi à déplacer les titres grâce à ça :

Code:

/* Hauteur des sous forums */

.sousforum {
  margin-top : -75px ;
}

Code:

<div class="sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                                                          <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}</div>

Sauf qu'en fait les liens sont plus actifs, enfin on peut pas cliquer dessus. Mais quand je mets les liens en haut, ils sont actifs par contre !

Comment faire pour avoir les sous-forums en dessous de la descriptions tout en gardant les liens actifs ?

[Neptunia]

La partie qui gère les sous-forums est celle-ci :

Code:

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

Mais il y a un problème dans votre approche.
Si j'ai bien compris, l'image coulissante de chaque catégorie est incluse dans la description des catégories (ou sous-forums) ?

Donc pour qu'elle recouvre les sous-forums, ceux-ci devront être inscrits manuellement en dur dans la description de catégorie et dans PA > Affichage > Structure et hiérarchie les liens vers les sous-forums devront être désactivés (puisque déjà présents dans la description de catégorie).

[lunasims57]

Oui en fait l'image et le texte sont tous les deux dans la description des catégories.
J'ai un espèce de code comme ça :

Code:

<div class="cate">
   
   <div class="cate_img">
       <img src="lien image" />
   </div>
   
   <div class="cate_description">
       Texte
   </div>
</div>

Donc en fait par défaut elle ne recouvre pas les sous-forums, ils sont en dessous et c'est pour ça que je les ai déplacés pour qu'ils soient derrière l'image et sous le texte.
Du coup, si je fais "Non" à "Lien vers les niveaux inférieurs :" les liens disparaissent et je n'ai plus que ma description normale sans les petits liens.

Ce qui me perturbe juste là, c'est que les liens des sous-forums sont correctement placés (enfin comme je le voudrai) mais qu'on ne peut pas cliquer dessus.
Je pense qu'en fait c'est un problème avec des z-index en fait, alors je vais un peu bidouiller et voir si j'y arrive en attendant.

[lunasims57]

Petit up !
J'arrive à rien avec les z-index, les titres des sous-forums s'obstinent à rester derrière la description de la catégorie et du coup je peux ni sélectionner l'écriture, ni cliquer sur le lien.

[lunasims57]

Up !
J'ai encore de l'espoir même si je crois que c'est impossible xD

[lunasims57]

P'tit up ~

[lunasims57]

Bon je vais laisser tomber, on va considérer que c'est résolu.