Problème pour l'affichage des titres des catégories

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

Résolu Problème pour l'affichage des titres des catégories

Message par -Isis- le Ven 23 Sep 2011 - 22:39

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 :

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 ^^.

-Isis-
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 29/10/2008

http://reveinfini.forumactif.com/forum.htm
-Isis- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour l'affichage des titres des catégories

Message par Final-Blonde le Sam 24 Sep 2011 - 14:36

Bonjour,

As-tu essayé directement dans le titre :
Code:
<div align="center">TITRE</div>
Il me semble me souvenir d'un truc tout bête comme ça lorsqu'on met une image en fond des catégories...

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour l'affichage des titres des catégories

Message par -Isis- le Sam 24 Sep 2011 - 15:03

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).

-Isis-
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 29/10/2008

http://reveinfini.forumactif.com/forum.htm
-Isis- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour l'affichage des titres des catégories

Message par Final-Blonde le Sam 24 Sep 2011 - 18:08

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 :
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>
Et mettre dans le titre des catégories :
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.

Mince

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour l'affichage des titres des catégories

Message par -Isis- le Sam 24 Sep 2011 - 20:16

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 -->

-Isis-
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 29/10/2008

http://reveinfini.forumactif.com/forum.htm
-Isis- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour l'affichage des titres des catégories

Message par Final-Blonde le Dim 25 Sep 2011 - 9:39

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. Wink
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>
Dans la première colonne "td" il y a le :
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

Peut-être qu'il ne serait pas superflu de rechercher (Ctrl+F) tous les tiens et de les remplacer par le bon code... :-)


Dernière édition par Final-Blond le Dim 25 Sep 2011 - 12:38, édité 1 fois

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour l'affichage des titres des catégories

Message par -Isis- le Dim 25 Sep 2011 - 11:17

Merci pour l'info sur les <br /> ^^.

Par contre, j'obtiens ça =s.

Et je préférais plus quelque chose comme ça, que la barre de lien soit en face de "Voir les messages sans réponses".

-Isis-
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 29/10/2008

http://reveinfini.forumactif.com/forum.htm
-Isis- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour l'affichage des titres des catégories

Message par Final-Blonde le Dim 25 Sep 2011 - 12:03

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 ?

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour l'affichage des titres des catégories

Message par -Isis- le Dim 25 Sep 2011 - 12:08

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).

-Isis-
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 29/10/2008

http://reveinfini.forumactif.com/forum.htm
-Isis- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour l'affichage des titres des catégories

Message par Final-Blonde le Dim 25 Sep 2011 - 14:33

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 :
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>
A toi de donner un "class" au lien-forum et de le placer au mieux.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour l'affichage des titres des catégories

Message par -Isis- le Dim 25 Sep 2011 - 15:12

Je n'ai plus le problème sur la page d'accueil, en revanche je l'ai toujours sur les autres pages =s.

-Isis-
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 29/10/2008

http://reveinfini.forumactif.com/forum.htm
-Isis- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour l'affichage des titres des catégories

Message par Final-Blonde le Dim 25 Sep 2011 - 15:47

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 ?!
Mince
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-Mince

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour l'affichage des titres des catégories

Message par -Isis- le Dim 25 Sep 2011 - 15:57

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...

-Isis-
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 29/10/2008

http://reveinfini.forumactif.com/forum.htm
-Isis- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour l'affichage des titres des catégories

Message par Final-Blonde le Dim 25 Sep 2011 - 16:31

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. :-/

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde 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