Problème d'affichage des catégories
5 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème d'affichage des catégories
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"> <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
Re: Problème d'affichage des catégories
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.
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.
Re: Problème d'affichage des catégories
Bonsoir Tupac, et encore merci pour la réponse.
Malheureusement, c'est déjà la configuration que j'utilise actuellement.
Malheureusement, c'est déjà la configuration que j'utilise actuellement.
Re: Problème d'affichage des catégories
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 :
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
J'ai relevé aussi une incohérence :
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 :
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.
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>
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>
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 :
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.
Re: Problème d'affichage des catégories
J'ai effectué les modifications proposées toutefois comme vous l'avez dit, le problème est toujours là !
Re: Problème d'affichage des catégories
Coucou
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 ?
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 ?
Re: Problème d'affichage des catégories
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"
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"
Re: Problème d'affichage des catégories
Ah d'accord, les forums se regroupent bien mais par mauvaise catégorie
Je ne sais pas si c'est le seul problème mais il y a des balises mal fermées ^^
Exemple ici :
La balise table n'est pas fermée. Ca devrait donner donc :
Au passage ici :
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 !
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 !
Re: Problème d'affichage des catégories
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 !
Effectivement faudra que je fasse plus gaffe à la fermeture des balises la prochaine.
En tout cas encore merci pour ton aide précieuse !
Re: Problème d'affichage des catégories
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 !
Bonjour, Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à :
|
Sujets similaires
» Probleme catégories
» Problème catégories
» Probleme de catégories
» Problème de catégories
» Problème catégories...
» Problème catégories
» Probleme de catégories
» Problème de catégories
» Problème catégories...
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum