Problème d'affichage des catégories

5 participants

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

Résolu Problème d'affichage des catégories

Message par DeanCaptain Mar 7 Mar 2017 - 15:25

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://tajin-gc.forumactif.org/forum

Description du problème

Bonjour,
Ayant fait le tour de votre forum avant de me permettre de poster, je viens à vous pour le problème suivant: Après avoir codé l'intégralité de mes catégories, je viens de me rendre compte que celle-ci ne fonctionnait pas correctement. En effet, quand bien même deux forums font partis de la même catégories ceux-ci ne sont pas classé dans la même. En espérant pouvoir trouver une solution à mon problème ici, je vous remercie d'avance.

Voici donc ma template :
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="HeroSignal"><div class="titrecate">&nbsp;<h2>{catrow.tablehead.L_FORUM}</h2></div></div><!-- END tablehead -->

        <!-- BEGIN cathead -->
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tbody><tr></tr><tr><td class="row1 over" colspan="1" valign="top" width="100%" height="50"><span class="titreforum"><a class="titreforum" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><h1></h1></span><table width="100%"><tbody><tr><td class="forum-stats" valign="middle" height="30" width="20%"><div class="justinbb"><center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></center><div class="llinks">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.llinks').each(function(){$(this).html($(this).html().replace(/,/g,"<br>"));});</script></div><td class="forum-description" width="70%"><div class="tetanos"><table><tbody><tr><td style="height: 100px;"><div class="h1n1">‟</div><div class="ebola">{catrow.forumrow.POSTS}M {catrow.forumrow.TOPICS}S</div> </td><td><div class="coqueluche">{catrow.forumrow.FORUM_DESC}<br></div></td></tr></tbody></table></div></td><td><div class="infoslp"><span class="gensmall"><div style="width: 200px;"></div><span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span><div class="mst"><span>{catrow.forumrow.LAST_POST}</span></div></span></div></td></tr></tbody></table></td></tr>
<!-- END forumrow -->
       
        <!-- BEGIN catfoot -->
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
        <!-- END tablefoot --><!-- END catrow -->

et le CSS concerné :
Code:
.HeroSignal {
    background-image: url(http://signavatar.com/50266_v.gif);
    background-position-x: 410px;
    background-position-y: -6px;
    background-repeat: no-repeat;
    margin: auto;
    min-height: 188px;
    width: 950px;
    z-index: 1;
}
.titrecate {
    color: #fff;
    font-family: raleway, sans-serif;
    font-size: 70px;
    letter-spacing: -4px;
    margin: 23px 100px;
    position: absolute;
    text-transform: uppercase;
    width: 700px;
}
.topictitle, h1, h2 {
    color: #D6B780;
    font-size: 70px;
    line-height: 0;
    margin-bottom: 25px;
}
.titreforum {
    font-family: montserrat;
    font-size: 22px;
    font-weight: 800;
    margin-left: 8px;
    text-transform: uppercase;
}
.titreforum a {
    color: #565454;
    text-shadow: none!important;
}
.titreforum h1 {
    border: 1px solid #565454;
    margin-left: 15px;
    margin-top: -0;
    width: 750px;
}
.justinbb {
    height: 100px;
    padding: 0!important;
    text-shadow: 1px 1px 0 #2D2D2D;
    width: 150px;
}
.justinbb:hover .llinks {
    opacity: 1;
}
.justinbb .llinks, .justinbb:hover img {
    opacity: 0;
    transition: .5s;
}
.llinks {
    background-color: #444242;
    border-radius: 0;
    height: 80px;
    left: 0;
    overflow-y: auto;
    padding: 10px;
    position: relative;
    text-shadow: 1px 1px 0 #2D2D2D;
    top: -100px;
    width: 130px;
}
.tetanos {
    background-color: #444242;
    height: 102px;
}
.h1n1 {
    color: #565454;
    font-size: 90px;
    height: 40px;
    margin: -25px 5px 15px;
    text-align: center;
    text-shadow: 1px 1px 0 #2D2D2D;
    width: 80px;
}
.ebola {
    background-color: #565454;
    color: #333;
    font-family: oswald;
    height: 25px;
    margin: 5px;
    text-align: center;
    width: 80px;
}
.coqueluche {
    color: #656867;
    font-family: raleway;
    font-size: 11px;
    font-weight: 600;
    height: 90px;
    margin: 5px;
    overflow: auto;
    text-shadow: 1px 1px 0 #2D2D2D;
}
.infoslp {
    background-color: #444242;
    height: 88px;
    padding: 7px;
    width: 175px;
}
.lastpost-avatar {
    border: 2px solid #565454;
    display: block;
    float: left;
    height: 55px;
    left: 0;
    margin-left: 0px;
    margin-top: -1px;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 12px;
    transition: 200ms;
    width: 55px;
}
.lastpost-avatar img {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-filter: grayscale(1);
    border-radius: 5px;
    clip: rect(10px,55px,65px,0px);
    filter: grayscale(1);
    height: auto;
    margin-left: 0px;
    margin-top: -30px;
    position: absolute;
    top: 20px;
    width: 55px;
}
.mst {
    background-color: #565454;
    color: #333;
    font-family: raleway;
    font-size: 10px;
    font-weight: 800;
    height: 52px;
    margin-left: 65px;
    margin-top: 11px;
    padding-top: 6px;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
}
.mst a {
    color: #717574;
    font-family: raleway;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}
.Imageforum:hover {
    opacity: 0;
    transition: 1.5s ease;
}


Dernière édition par DeanCaptain le Dim 12 Mar 2017 - 15:22, édité 1 fois
DeanCaptain

DeanCaptain
Nouveau membre

Messages : 8
Inscrit(e) le : 07/03/2017

http://op-burningheart.forumactif.com/
DeanCaptain a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage des catégories

Message par DeanCaptain Mer 8 Mar 2017 - 19:59

UP !
DeanCaptain

DeanCaptain
Nouveau membre

Messages : 8
Inscrit(e) le : 07/03/2017

http://op-burningheart.forumactif.com/
DeanCaptain a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage des catégories

Message par tupac Jeu 9 Mar 2017 - 0:26

Bonsoir DeanCaptain,

Avez vous essayé en changeant de hiérarchie en suivant ce chemin.

Panneau de configuration / Affichage / Structure et hiérarchie / Séparer les catégories sur l'index : cocher moyen.
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage des catégories

Message par DeanCaptain Jeu 9 Mar 2017 - 2:46

Bonsoir Tupac, et encore merci pour la réponse.
Malheureusement, c'est déjà la configuration que j'utilise actuellement.
DeanCaptain

DeanCaptain
Nouveau membre

Messages : 8
Inscrit(e) le : 07/03/2017

http://op-burningheart.forumactif.com/
DeanCaptain a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage des catégories

Message par Neptunia Jeu 9 Mar 2017 - 3:46

Bonjour DeanCaptain, et bienvenue sur le Forum des Forums Forumactif

Votre template comporte un certain nombre d'erreurs (visibles avec la coloration syntaxique en rouge vif)

Des balises br ouvertes sans être refermées
<br> n'est pas valide, il faut utiliser <br />

Une balise obsolète <center>
-> Balise <center> sur Mozilla Developer Network
Il faut recourir au CSS avec par exemple :
Code:
<div class="justinbb" align="center">

Une mauvaise imbrication de balises :
-> Structure HTML et rendu CSS des balises : bloc et en-ligne sur Alsacreations

On ne peut pas placer d'élément de type bloc à l'intérieur d'un élément de type inline.
En clair vous ne pouvez pas placer de div à l'intérieur d'un span
Dans votre code, ceci est incorrect
Code:
<span class="gensmall"><div style="width: 200px;"></div><span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span><div class="mst"><span>{catrow.forumrow.LAST_POST}</span></div></span>
Une possibilité serait de remplacer le span parent par une div, ou de remplacer les div enfants par des span. A vous de voir !


J'ai relevé aussi une incohérence :
Code:
<span class="titreforum"><a class="titreforum" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><h1></h1></span>
A quoi vous sert votre balise h1 si vous n'y mettez rien ?

Et pour finir, votre script de remplacement des virgules posera problème si l'une de vos descriptions de forum contient des virgules.
Je vous renvoie sur ce sujet pour parer à ce problème :
résolu Remplacer les virgules des sous-forums par des sauts de ligne

Il y a probablement d'autres erreurs qui m'ont échappé et je ne garantis pas que ça résoudra le souci de base, mais c'est déjà mieux de repartir sur un code plus propre.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage des catégories

Message par DeanCaptain Jeu 9 Mar 2017 - 15:47

J'ai effectué les modifications proposées toutefois comme vous l'avez dit, le problème est toujours là !
DeanCaptain

DeanCaptain
Nouveau membre

Messages : 8
Inscrit(e) le : 07/03/2017

http://op-burningheart.forumactif.com/
DeanCaptain a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage des catégories

Message par DeanCaptain Ven 10 Mar 2017 - 22:06

Up !
DeanCaptain

DeanCaptain
Nouveau membre

Messages : 8
Inscrit(e) le : 07/03/2017

http://op-burningheart.forumactif.com/
DeanCaptain a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage des catégories

Message par DeanCaptain Dim 12 Mar 2017 - 13:30

UP ?
DeanCaptain

DeanCaptain
Nouveau membre

Messages : 8
Inscrit(e) le : 07/03/2017

http://op-burningheart.forumactif.com/
DeanCaptain a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage des catégories

Message par [Nihil] Dim 12 Mar 2017 - 13:42

Coucou Smile

D'abord félicitations, le début du thème du forum est très sympa ^^

Est ce qu'on pourrait avoir une capture d'écran de tes catégories dans le panneau d'administration ?

En effet, je vois bien 2 forums dans la même catégorie pour ma part : https://www.zupimages.net/up/17/10/xzd9.png

Catégorie 1 : ROAD TO HERO qui contient "Rules of the game"
Catégorie 2 : PRESENTATIONS qui contient "L'encyclopédie du Héros Moderne" et "Dossiers heroïques"

Comment cela devrait-il apparaitre sinon ?
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage des catégories

Message par DeanCaptain Dim 12 Mar 2017 - 14:12

Merci beaucoup à toi, Nihil
Voici comme une capture des catégories.
https://i.imgur.com/ehy3EPU.jpg

Normalement il devrait afficher
Catégorie 1 : ROAD TO HERO qui contient "Rules of the game" et "L'encyclopédie du Héros Moderne"
Catégorie 2 : PRESENTATIONS qui contient "Dossiers heroïques"
DeanCaptain

DeanCaptain
Nouveau membre

Messages : 8
Inscrit(e) le : 07/03/2017

http://op-burningheart.forumactif.com/
DeanCaptain a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage des catégories

Message par [Nihil] Dim 12 Mar 2017 - 14:34

Ah d'accord, les forums se regroupent bien mais par mauvaise catégorie Mr. Green

Je ne sais pas si c'est le seul problème mais il y a des balises mal fermées ^^

Exemple ici :
Code:
<!-- BEGIN forumrow -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tbody><tr></tr><tr><td class="row1 over" colspan="1" valign="top" width="100%" height="50"><span class="titreforum"><a class="titreforum" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><h1></h1></span><table width="100%"><tbody><tr><td class="forum-stats" valign="middle" height="30" width="20%"><div class="justinbb"><center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></center><div class="llinks">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.llinks').each(function(){$(this).html($(this).html().replace(/,/g,"<br>"));});</script></div><td class="forum-description" width="70%"><div class="tetanos"><table><tbody><tr><td style="height: 100px;"><div class="h1n1">‟</div><div class="ebola">{catrow.forumrow.POSTS}M {catrow.forumrow.TOPICS}S</div> </td><td><div class="coqueluche">{catrow.forumrow.FORUM_DESC}<br></div></td></tr></tbody></table></div></td><td><div class="infoslp"><span class="gensmall"><div style="width: 200px;"></div><span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span><div class="mst"><span>{catrow.forumrow.LAST_POST}</span></div></span></div></td></tr></tbody></table></td></tr>
<!-- END forumrow -->

La balise table n'est pas fermée. Ca devrait donner donc :
Code:
<!-- BEGIN forumrow -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tbody><tr></tr><tr><td class="row1 over" colspan="1" valign="top" width="100%" height="50"><span class="titreforum"><a class="titreforum" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><h1></h1></span><table width="100%"><tbody><tr><td class="forum-stats" valign="middle" height="30" width="20%"><div class="justinbb"><center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></center><div class="llinks">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.llinks').each(function(){$(this).html($(this).html().replace(/,/g,"<br>"));});</script></div><td class="forum-description" width="70%"><div class="tetanos"><table><tbody><tr><td style="height: 100px;"><div class="h1n1">‟</div><div class="ebola">{catrow.forumrow.POSTS}M {catrow.forumrow.TOPICS}S</div> </td><td><div class="coqueluche">{catrow.forumrow.FORUM_DESC}<br></div></td></tr></tbody></table></div></td><td><div class="infoslp"><span class="gensmall"><div style="width: 200px;"></div><span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span><div class="mst"><span>{catrow.forumrow.LAST_POST}</span></div></span></div></td></tr></tbody></table></td></tr></table>
<!-- END forumrow -->

Au passage ici :
Code:
<h2>{catrow.tablehead.L_FORUM}</h2>

On peut enlever les balises h2 je pense, car elles sont automatiquement générées par forumactif.

J'espère que cela pourra déjà t'aider !
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage des catégories

Message par DeanCaptain Dim 12 Mar 2017 - 14:41

Oh yes ca marche ! Je te remercie beaucoup Nihil !
Effectivement faudra que je fasse plus gaffe à la fermeture des balises la prochaine.
En tout cas encore merci pour ton aide précieuse ! Angel
DeanCaptain

DeanCaptain
Nouveau membre

Messages : 8
Inscrit(e) le : 07/03/2017

http://op-burningheart.forumactif.com/
DeanCaptain a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage des catégories

Message par Chacha Dim 12 Mar 2017 - 15:18

Problème d'affichage des catégories 4qhGdLE
Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.


DeanCaptain a écrit:Oh yes ca marche ! Je te remercie beaucoup Nihil !
Effectivement faudra que je fasse plus gaffe à la fermeture des balises la prochaine.
En tout cas encore merci pour ton aide précieuse ! Angel
Problème d'affichage des catégories MHDoUixBonjour,

Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu et enregistrer
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Problème d'affichage des catégories UsrblLM
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha 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