Problème de catégorie

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

Résolu Problème de catégorie

Message par Sanae le Lun 30 Nov 2015 - 22:00

Détails techniques


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

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : une année
Lien du forum : http://sokujitsu.forumactif.info/index.htm

Description du problème

Bonjour, bonsoir, tout dépendra de l'heure.

J'ai un soucis avec mon vieux forum. J'ai remarqué récemment que le titre des catégories refusaient de se centrer. Mais pas que ! Ce bougre - ou plutôt la douce et gentille fondatrice que je suis à fait une bêtise - n'a plus aucun lien au niveau du "Premier pas". Ni dans le forum "Règlement" !
Serait-ce possible de me donner un petit coup de main et bien sûr, m'expliquer quelle a été ma bêtise.
Merci d'avance

Voici mon Index-Box.

Code:
<br>
          <br>
                    <!-- BEGIN catrow --><!-- BEGIN tablehead --><center><table width="60%" border="0" cellspacing="0" cellpadding="0">

</table>
                <table class="tourcat" width="100%" border="0" cellspacing="0" cellpadding="0">
                      <!-- 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">
                                  <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">
                                {catrow.cathead.CAT_TITLE}</div>
      </div>
      
                                </span>
                              </h{catrow.cathead.LEVEL}></div>
      
                          </td>
                          <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
                      </tr> </div>
   
                      <!-- 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 align="center" valign="middle">
                            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                          </td>
                          <td colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                            <h{catrow.forumrow.LEVEL} class="hierarchy">
                                <span class="forumlink">
                                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div= class>{catrow.forumrow.FORUM_NAME}</div>
                              </a><br />
                                </span>
                            </h{catrow.forumrow.LEVEL}>
                            <div class="descrip">
                            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
                            <div class="sous-forum"><center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center></div>
                            <span class="gensmall">
                <div class="sujmsg">
                                <!-- BEGIN switch_moderators_links -->
                  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</div>
                                <!-- END switch_moderators_links -->

                          <td align="center" valign="middle" height="50">
                                    <div class="dersuj "><!-- BEGIN avatar -->
      <div style="width: 200px;"></div>
        <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
        <!-- END avatar -->
       
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
                            </td>
                                <!--Script d'apparition des sous forums-->
        <script>
            $(function(){
                $('.sous-forum center').each(function(){
                    if($(this).html() != ""){
                        $(this).parent().css('display', 'inline-block');
                    }else{
                        $(this).parent().addClass('subhidden');
                    }
                });
            });
        </script>
        <!--Fin du script des sous forums-->
                      <!-- END forumrow -->
                      <!-- BEGIN catfoot -->
                      <tr>
                          <!-- BEGIN inc -->
                          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46">
                    <img src="{SPACER}" height="400" width="700" /></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 --></center>


Dernière édition par Sanae le Mer 2 Déc 2015 - 16:51, édité 1 fois

Sanae
***

Féminin
Messages : 103
Inscrit(e) le : 02/06/2007

http://sokujitsu.forumactif.info/index.htm
Sanae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de catégorie

Message par R-max le Lun 30 Nov 2015 - 22:38

bonsoir Sanae apparemment c'est votre PA qui passe par dessus ) (premier pas)

bon par contre avec le script flocon de neige , il m'est impossible de travailler avec l'inspecteur d’élément , pouvez vous les désactiver provisoirement , le temps de jeter un œil sur votre codage ,et faire 2/3 test !

R-max
# Tropactif #

Masculin
Messages : 1528
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de catégorie

Message par Sanae le Lun 30 Nov 2015 - 23:20

Ouha, rapide. Merci beaucoup.
J'ai désactivé le javascript.

Sanae
***

Féminin
Messages : 103
Inscrit(e) le : 02/06/2007

http://sokujitsu.forumactif.info/index.htm
Sanae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de catégorie

Message par Sanae le Mar 1 Déc 2015 - 23:22

Bonsoir, je fais un petit up pour qu'on ne m'oubli pas. O/

Sanae
***

Féminin
Messages : 103
Inscrit(e) le : 02/06/2007

http://sokujitsu.forumactif.info/index.htm
Sanae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de catégorie

Message par R-max le Mar 1 Déc 2015 - 23:36

ont ne vous oublie pas Very Happy

chercher dans votre css >>
Code:
.cadrePA1 {
    -moz-box-shadow: 2px 2px 2px #000;
    border-radius: 15px 15px 15px 15px;
    display: block;
    height: 645px;
    padding: 3px;
    position: relative;
    width: 850px;
}

remplacé par >>
Code:
.cadrePA1 {
    -moz-box-shadow: 2px 2px 2px #000;
    border-radius: 15px 15px 15px 15px;
    display: block;
    height: 645px;
    padding: 3px;
    width: 850px;
}

et dite moi ^^

R-max
# Tropactif #

Masculin
Messages : 1528
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de catégorie

Message par Sanae le Mer 2 Déc 2015 - 8:14

Mieux vaut prévenir que guérir -PAN-

Merci ça marche. En faites, vous avez retiré le cadre que j'avais mis ?

Il ne manque plus que le centrage des titres comme "Premier pas", "Ecole de magie" ect. J'ai beau essayé les fameux trucs basiques mais rien ne veut les centrer.

Sanae
***

Féminin
Messages : 103
Inscrit(e) le : 02/06/2007

http://sokujitsu.forumactif.info/index.htm
Sanae a été remercié(e) par l'auteur de ce sujet.

Résolu Re :Problème de catégorie

Message par Feuilla' le Mer 2 Déc 2015 - 8:20

Bonjour,
pour centrer le titre d'une catégorie/d'un forum sur la page d'accueil, il faut rajouter ceci autour du titre :
Code:
<center>Catégorie</center>
Wink
Bonne journée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de catégorie

Message par Sanae le Mer 2 Déc 2015 - 14:06

Votre solution est un des trucs basiques que j'avais tenter. Le forum refuse de suivre cet ordre.

Sanae
***

Féminin
Messages : 103
Inscrit(e) le : 02/06/2007

http://sokujitsu.forumactif.info/index.htm
Sanae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de catégorie

Message par Feuilla' le Mer 2 Déc 2015 - 14:31

Re,
une autre solution : entourer le nom de la catégorie avec ces balises :
Code:
<div class="nomdecategorie">Nom de la catégorie</div>
puis dans la Feuille de style CSS :
Code:
div.nomdecategorie {text-align:center !important}
Bien sûr on peut changer "nomdecategorie" par un autre mot (sans caractères spéciaux), mais il faudra mettre la même chose dans le CSS et dans le titre. Wink
Bonne journée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de catégorie

Message par R-max le Mer 2 Déc 2015 - 14:34

bonjour Sanae

@Sanae a écrit:Mieux vaut prévenir que guérir -PAN-

Merci ça marche. En faites, vous avez retiré le cadre que j'avais mis ?

ceci s"adresse a moi ? si oui de quel cadre ?

ps:pour le centrage il y a aussi plus simple
Code:
<div align="center">non du titre</div>


R-max
# Tropactif #

Masculin
Messages : 1528
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de catégorie

Message par Sanae le Mer 2 Déc 2015 - 14:39

Merci quand même Feuilla.

Bonjour, Oui. J'avais un cadre sur la PA que vous avez retirer dans les codes que vous m'aviez donner.
Le code que que vous me donné fait parti aussi des codes basiques que j'ai fait. Devrais-je mettre un bout du Template et du css pour voir ?

Sanae
***

Féminin
Messages : 103
Inscrit(e) le : 02/06/2007

http://sokujitsu.forumactif.info/index.htm
Sanae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de catégorie

Message par R-max le Mer 2 Déc 2015 - 14:45

bon une chose a la fois , deja pour votre centrage

vous avez placé des images a la place du titre
dans le template concerné rechercher ceci
Code:
<td class="cat" colspan="2" width="100%"><h2 class="hierarchy">

remplacé par
Code:
<td class="cat" colspan="3" width="100%"><h2 class="hierarchy">

j'ai modifier le
Code:
colspan="2"

concernant le code que j'ai donner , j'ai juste enlever cette ligne dans le code css
Code:
position: relative;
rien a voir avec le cadre qui a disparue ?


R-max
# Tropactif #

Masculin
Messages : 1528
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de catégorie

Message par Sanae le Mer 2 Déc 2015 - 16:28

>< pardon si j'ai l'air pressée dans mes mots.

Je crois que je n'ai pas ces codes dans mon template. J'ai cherché mais ils ne sont pas présents.

Code:
<br>
          <br>
                    <!-- BEGIN catrow --><!-- BEGIN tablehead --><center><table width="60%" border="0" cellspacing="0" cellpadding="0">

</table>
                <table class="tourcat" width="100%" border="0" cellspacing="0" cellpadding="0">
                      <!-- 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">
                                  <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">
                                {catrow.cathead.CAT_TITLE}</div>
                             
      
                                </span>
                              </h{catrow.cathead.LEVEL}></div>
      
                          </td>
                          <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
                      </tr> </div>
   
                      <!-- 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 align="center" valign="middle">
                            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                          </td>
                          <td colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                            <h{catrow.forumrow.LEVEL} class="hierarchy">
                                <span class="forumlink">
                                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div= class>{catrow.forumrow.FORUM_NAME}</div>
                              </a><br />
                                </span>
                            </h{catrow.forumrow.LEVEL}>
                            <div class="descrip">
                            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
                            <div class="sous-forum"><center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center></div>
                            <span class="gensmall">
                <div class="sujmsg">
                                <!-- BEGIN switch_moderators_links -->
                  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</div>
                                <!-- END switch_moderators_links -->

                          <td align="center" valign="middle" height="50">
                                    <div class="dersuj "><!-- BEGIN avatar -->
      <div style="width: 200px;"></div>
        <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
        <!-- END avatar -->
       
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
                            </td>
                                <!--Script d'apparition des sous forums-->
        <script>
            $(function(){
                $('.sous-forum center').each(function(){
                    if($(this).html() != ""){
                        $(this).parent().css('display', 'inline-block');
                    }else{
                        $(this).parent().addClass('subhidden');
                    }
                });
            });
        </script>
        <!--Fin du script des sous forums-->
                      <!-- END forumrow -->
                      <!-- BEGIN catfoot -->
                      <tr>
                          <!-- BEGIN inc -->
                          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46">
                    <img src="{SPACER}" height="400" width="700" /></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 --></center>

Sanae
***

Féminin
Messages : 103
Inscrit(e) le : 02/06/2007

http://sokujitsu.forumactif.info/index.htm
Sanae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de catégorie

Message par R-max le Mer 2 Déc 2015 - 16:46

votre colspan et gérer par une variable , dans l'inspecteur d’élément cela n'apparais pas Very Happy

Code:

                          <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                            <h{catrow.cathead.LEVEL} class="hierarchy">

faite une sauvegarde de la variable {catrow.cathead.INC_SPAN} sur votre éditeur de texte world pad ou autre

et faite un test avec ceci pour voir si l'image ce centre >>

Code:

                          <td class="{catrow.cathead.CLASS_CAT}" colspan="3" width="100%">
                            <h{catrow.cathead.LEVEL} class="hierarchy">

@Sanae a écrit:>< pardon si j'ai l'air pressée dans mes mots.

y'a pas de mal ,

R-max
# Tropactif #

Masculin
Messages : 1528
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de catégorie

Message par Sanae le Mer 2 Déc 2015 - 16:50

\o/ Merciiiii, ça fonctionne ! Merci d'avoir pris du temps pour moi.

Sanae
***

Féminin
Messages : 103
Inscrit(e) le : 02/06/2007

http://sokujitsu.forumactif.info/index.htm
Sanae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de catégorie

Message par R-max le Mer 2 Déc 2015 - 16:57

ha temps mieux , et de rien thumleft

R-max
# Tropactif #

Masculin
Messages : 1528
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max 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