Problème pour l'affichage des titres des catégories
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème pour l'affichage des titres des catégories
Bonjour,
J'ai un petit problème pour centrer correctement le texte dans le haut des catégories voilà ce que j'ai pour le moment, j'aimerais que le texte est autant de marge en haut, qu'en bas (j'ai tester avec les "padding-top" et "padding-bottom" dans le CSS, mais sans succès ><).
Voici mon CSS :
Et mon Template :
Merci d'avance pour votre aide ^^.
J'ai un petit problème pour centrer correctement le texte dans le haut des catégories voilà ce que j'ai pour le moment, j'aimerais que le texte est autant de marge en haut, qu'en bas (j'ai tester avec les "padding-top" et "padding-bottom" dans le CSS, mais sans succès ><).
Voici mon CSS :
- Code:
/*titre categorie*/
.secondarytitle-fond {
background-image: none !important;
}
.categories-fond {
background-image: url("http://img11.hostingpics.net/pics/112567720.png");
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
margin-top: 5px;
margin-bottom: 5px;
-moz-box-shadow: black 0px 0px 10px;
-webkit-box-shadow: black 0px 0px 10px;
box-shadow: black 0px 0px 10px;
height: 25px;
}
Et mon 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}
{CURRENT_TIME}
</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>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- 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-fond" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle-fond"><div class="categories-fond" align="center"> {catrow.tablehead.L_FORUM} </div></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-fond">
<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"> </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><table class="tour" width="100%"><tr><td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<div class="icones"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div></td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" align="center" width="100%" height="50">
<span class="forumlink"><div class="titresfora">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</div>
</span>
<span class="genmed"><div class="forum-description">{catrow.forumrow.FORUM_DESC}</div>
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<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><td valign="middle" height="50"><div class="forum-stats"><span class="gensmall">Messages: {catrow.forumrow.POSTS} <br/>Sujets: {catrow.forumrow.TOPICS} <br><br></span></div>
<div class="messages"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</span>
</td></tr></table></td>
<!-- BEGIN forum_link_no -->
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<br><br><td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</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 -->
Merci d'avance pour votre aide ^^.
Re: Problème pour l'affichage des titres des catégories
Bonjour,
As-tu essayé directement dans le titre :
As-tu essayé directement dans le titre :
- Code:
<div align="center">TITRE</div>
Re: Problème pour l'affichage des titres des catégories
Je viens d'essayer et ça ne change rien du tout =s.
EDIT :
Je viens aussi de m’apercevoir que certains liens n'apparaissent plus du tout sur la même ligne et j'ignore d'où vient se problème (Image).
EDIT :
Je viens aussi de m’apercevoir que certains liens n'apparaissent plus du tout sur la même ligne et j'ignore d'où vient se problème (Image).
Re: Problème pour l'affichage des titres des catégories
Qu'as-tu fait comme autre modifications via le template index_box ?
Pour ce qui est du fond des catégories, je n'ai trouvé que la solution de passer directement par le template index_box et de mettre directement le style dans la colonne concernée pour aligner le texte tant verticalement qu'horizontalement :
Quelque chose m'échappe, parce que je suis sûre qu'on peut le centrer aussi par le CSS.
Pour ce qui est du fond des catégories, je n'ai trouvé que la solution de passer directement par le template index_box et de mettre directement le style dans la colonne concernée pour aligner le texte tant verticalement qu'horizontalement :
- Code:
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%" style="background: url('http://img11.hostingpics.net/pics/112567720.png') center center repeat; width: 100%; height: 100%; margin: auto;">
<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>
- Code:
<div align="center">TITRE</div>
Quelque chose m'échappe, parce que je suis sûre qu'on peut le centrer aussi par le CSS.
Re: Problème pour l'affichage des titres des catégories
En bidouillant à droite et à gauche j'ai réussi à obtenir un peut près ce que je veux pour le titre des catégories. Mais il me reste le problème avec les liens plus du tout alignés l'un derrière l'autre. J'ai fait pas mal de modifications alors le mieux, c'est que je te le montre :
- 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}
{CURRENT_TIME}
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div><br>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<br><a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
<br><a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- END switch_user_logged_in -->
<br><a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><br><table class="forumline-fond" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><div class="categories" align="center"> {catrow.tablehead.L_FORUM} </div></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%" style="background: url('http://img11.hostingpics.net/pics/112567720.png') center center repeat; width: 100%; height: 100%; margin: auto;">
<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"> </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><table class="tour" width="100%"><tr><td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<div class="icones"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div></td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" align="center" width="100%" height="50">
<span class="forumlink"><div class="titresfora">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</div>
</span>
<span class="genmed"><div class="forum-description">{catrow.forumrow.FORUM_DESC}</div>
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<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><td valign="middle" height="50"><div class="forum-stats"><span class="gensmall">Messages: {catrow.forumrow.POSTS} <br/>Sujets: {catrow.forumrow.TOPICS} <br><br></span></div>
<div class="messages"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</span>
</td></tr></table></td>
<!-- BEGIN forum_link_no -->
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<br><br><td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</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 -->
Re: Problème pour l'affichage des titres des catégories
Salut Isis,
Mouais c'est un peu le berdol... :-)
Aussi quand il s'agit de templates, essaie de ne donner que le bloc ("table" ou "div") concerné. C'est toi qui modifies tes templates, donc tu devrais reconnaitre les blocs en question.
Ici il s'agit du premier tableau ("table"), remplace par :
valign="bottom" pour l'alignement vertical
align="right" pour l'alignement horizontal
A toi de voir pour le placement de ce bloc.
Autre chose, pas bien grave mais c'est une erreur de syntaxe que certains navigateurs vont finir par ne pas reconnaitre pour être plus rigoureux :
Mouais c'est un peu le berdol... :-)
Aussi quand il s'agit de templates, essaie de ne donner que le bloc ("table" ou "div") concerné. C'est toi qui modifies tes templates, donc tu devrais reconnaitre les blocs en question.
Ici il s'agit du premier tableau ("table"), remplace par :
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom" align="right">
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
<!-- END switch_user_logged_in -->
<!-- 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 />
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</span>
<!-- END switch_user_logged_in -->
</td>
</tr>
</table>
valign="bottom" pour l'alignement vertical
align="right" pour l'alignement horizontal
A toi de voir pour le placement de ce bloc.
Autre chose, pas bien grave mais c'est une erreur de syntaxe que certains navigateurs vont finir par ne pas reconnaitre pour être plus rigoureux :
- Code:
Les sauts de ligne en html ne sont pas <br>
mais
Dernière édition par Final-Blond le Dim 25 Sep 2011 - 12:38, édité 1 fois
Re: Problème pour l'affichage des titres des catégories
Ton screen est une fois dans la catégorie, c'est bien ça ?
Qu'as-tu sur l'index ?
Plus simple, peux-tu donner le lien de ton FT et laisser ouvert aux invités que je regarde ?
Qu'as-tu sur l'index ?
Plus simple, peux-tu donner le lien de ton FT et laisser ouvert aux invités que je regarde ?
Re: Problème pour l'affichage des titres des catégories
Oui c'est un screen des catégories.
Bien sûr, le voici : http://forum-test.creerforums.fr/ (normalement c'est déjà ouvert aux invités afin que les admins avec qui je travaille puisse voir l'avancement).
Bien sûr, le voici : http://forum-test.creerforums.fr/ (normalement c'est déjà ouvert aux invités afin que les admins avec qui je travaille puisse voir l'avancement).
Re: Problème pour l'affichage des titres des catégories
Ok, je vois.
Essayons de mettre ces deux éléments (le lien-forum et les liens-utilisateur) dans deux colonnes différentes, l'une à gauche et l'autre à droite :
Essayons de mettre ces deux éléments (le lien-forum et les liens-utilisateur) dans deux colonnes différentes, l'une à gauche et l'autre à droite :
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td align="left" 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>
Re: Problème pour l'affichage des titres des catégories
Je n'ai plus le problème sur la page d'accueil, en revanche je l'ai toujours sur les autres pages =s.
Re: Problème pour l'affichage des titres des catégories
J'ai remis tous les templates par défaut concernant ces liens :
index_box, viewtopic_body, les autres l'étaient déjà, je ne sais pas pourquoi ces liens sont ainsi décalé, alors que sur mes autres FT il sont bien en place ?!
Peut-être est-ce dû au thème ?
C'est faisable, mais c'est du bidouillage de tableaux, blocs et là je n'ai pas vraiment le temps pour l'instant...
re-
index_box, viewtopic_body, les autres l'étaient déjà, je ne sais pas pourquoi ces liens sont ainsi décalé, alors que sur mes autres FT il sont bien en place ?!
Peut-être est-ce dû au thème ?
C'est faisable, mais c'est du bidouillage de tableaux, blocs et là je n'ai pas vraiment le temps pour l'instant...
re-
Re: Problème pour l'affichage des titres des catégories
J'ai fini par faire un Backup total, j'ai réussi à ravoir les liens correctement (mais j'ai perdu plein de choses, sauf bizarrement un message datant d'aujourd'hui u_u").
Maintenant je vais devoir retrouver tout ce que j'ai perdu mais bon... Au pire des cas je reviendrais demander de l'aide.
Affaire résolu...
Maintenant je vais devoir retrouver tout ce que j'ai perdu mais bon... Au pire des cas je reviendrais demander de l'aide.
Affaire résolu...
Re: Problème pour l'affichage des titres des catégories
Ah oui, le backup est aussi une idée.
Si tu me l'avais dit, je t'aurais dit de sauvegarder tes templates, CSS et autres dans le bloc note ou NotePad.
Eh bien, bonne continuation. :-)
EDIT : Erf ! Je regardais toujours dans la même catégorie, celle qui avait la div align="center" dans le titre et c'est ce qui mettait la zizanie !
Désolée pour ton backup. :-/
Si tu me l'avais dit, je t'aurais dit de sauvegarder tes templates, CSS et autres dans le bloc note ou NotePad.
Eh bien, bonne continuation. :-)
EDIT : Erf ! Je regardais toujours dans la même catégorie, celle qui avait la div align="center" dans le titre et c'est ce qui mettait la zizanie !
Désolée pour ton backup. :-/
Sujets similaires
» Image de fond pour les titres des catégories
» Problème pour la taille des titres de catégories
» Code pour centrer les titres des catégories
» Probleme pour centrer les titres des catégories :(
» Image de fond pour les titres de catégories
» Problème pour la taille des titres de catégories
» Code pour centrer les titres des catégories
» Probleme pour centrer les titres des catégories :(
» Image de fond pour les titres de catégories
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum