Problème code catégorie avec décalage

2 participants

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

Problème code catégorie avec décalage  Empty Problème code catégorie avec décalage

Message par CECILE362 Mer 8 Aoû 2018 - 9:26

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 : Plusieurs utilisateurs
Problème apparu depuis : La mise en place du code pour la catégorie
Lien du forum : http://familyshowsup.forumactif.com/

Description du problème

Bonjour,

Certains membres du forum ont un problème d'affichage des catégories. Ils ont un décalage sur la droite : https://images2.imgbox.com/81/38/YcAz2TN2_o.png Ce problème est aussi bien visible sur Google Chrome que sur Firefox. Pour le moment seulement 2 personnes ont eu ce problème, alors que le reste du forum ne l'a pas et voit le forum normalement, c'est à dire comme ça : https://images2.imgbox.com/ae/87/7LSUNEVo_o.png

Voici le code des catégories :

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

 <table class="modifcat" width="100%" border="0" cellspacing="0">
<div class="cate_titre"><div class="titrecategorie">{catrow.tablehead.L_FORUM}</div></div>
 
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
          <!-- END cathead -->
      <!-- BEGIN forumrow -->
      <!-- 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="top">
             
              <div class="global"><table width="100%" cellpadding="0" cellspacing="0">

                <tr>
<td align="left" valign="top">
 <div class="forumtitre">
                 
    <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
                  </td>
  </tr></table>
              <table width="100%" cellspacing="0" cellpadding="1">
  <tr>
          <td align="center" valign="top">
         
            <div class="boutoncat"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />  </div>     
                       


</td>
<td valign="top" align="center">

  <div class="statdescrip">

                                    <div class="descrip_bloc"><span class="genmed"> {catrow.forumrow.FORUM_DESC}</span>
                                     
                              </div>
                          </div>
 
    </td>

                    <td valign="top" align="right">
                     
             
<p></p><div class="sousfofo"><div style="margin:auto;text-align:center;">
<p>
 <span class="sousforum" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></span>
        <script type="text/javascript">
        jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');
  </script></div> </p>

                </td>
            <td><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div></td>
                  <td align="center" valign="top">
                      <div class="stat_general">
                          <span class="genmed"><div class="lastpost">
                              {catrow.forumrow.LAST_POST}
                            </div> </span></div>
                                  <span class="genmed"><div class="stat1"><div style="    color: #fff;text-transform:uppercase;font-family: karla;letter-spacing:1px;font-size: 8px;margin-top: -2px;text-shadow: 1px 1Px #c9c9d6;">Sujets {catrow.forumrow.TOPICS} | Messages {catrow.forumrow.POSTS}   
                         
                                    </div> </div> </span>

                                 
                    </td>
            </tr>
</table>
                </div>

              </td></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 --><br/>

CSS :
Code:
/*--------------------------------------- DEBUT CATEGORIE --------------------------------------*/
.modifcat{
      background-color: #ffffff70; border: 2px #e7f0fb solid; width: 800px; padding-bottom: 15px;}


        .cate_titre {
          box-shadow: inset 0 0 9px 0 #ffffff24;
          text-align: center;
          background-image: url(https://images2.imgbox.com/f3/7a/HaJa2WpC_o.gif);
          width: 800px;
          height: 30px;
        }

.cate_titre h2 {
    padding-top: 8px;
    color: #fff;
    font-family: montserrat;
    font-size: 10px;
    font-weight: bolder;
    letter-spacing: .5px;
    text-shadow: 1px 1px #babbc6;
    text-transform: uppercase;
        }

.global {
    background: #fefdff;
    border: 2px solid #f5edfd;
    box-shadow: inset 0 0 8px 0 #cccccc24, 0 0 0 2px #fff;
    height: 110px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    max-width: 800px;
    padding-bottom: 10px;
}

.boutoncat {
    background-repeat: no-repeat;
    left: 10px;
    margin-left: -6px;
    margin-top: 10px;
    position: relative;
}

.descrip_bloc {
    background: #fbfbfb;
    border: 2px solid #FFF;
    box-shadow: inset 0 0 8px 0 #cccccc29, 0 0 0 2px #f3eff747;
    color: #b3b3b3;
    font-family: arial;
    font-size: 10px;
    height: 55px;
        margin-bottom: 5px;
    overflow: auto;
    padding: 5px;
    text-align: justify;
        width: 310px;
}

ab {
    color: #a7eaef;
    font-family: cookie;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 2px;
    text-shadow: 1px 1px #fff;
}

.stat_general {
    background: #fbfbfb;
    border: 2px solid #fff;
    box-shadow: inset 0 0 8px 0 #cccccc29, 0 0 0 2px #f3eff747;
    font-size: 8px;
    padding: 10px;
    height: 23px;
    margin-left: 10px;
    width: 160px;
}

.stat1 {
    background-image: linear-gradient(100deg,#e2fcfc,#fbe2fc);
    border: 3px double #fff;
    height: 5px;
    margin-left: 11px;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 178px;
}

.lastpost {
    color: #606060;
    display: block;
    font-family: quicksand;
    font-size: 9px;
    margin-top: -5px;
    text-align: center;
    text-transform: lowercase;}


.sousfofo {
    font-size: 8px;
    height: 100px;
    margin-top: -25px;
    opacity: .6;
  overflow : auto;
    width: 125px;
  margin-left:-5px;
}

.sousfofo a {
    background-color: #f6f5f5;
    border: 1px solid #efefef;
    box-shadow: 0 0 1px #f5f3f4, 0 0 20px #f9f9f9 inset;
    color: #98a0cb;
    display: block;
    font-family: raleway;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 1.5px;
    margin-bottom: -12px;
    overflow: auto;
    padding: 1px;
    text-align: center;
    text-transform: uppercase;
}

.forumtitre a {
 display:inline-block;
-webkit-background-clip: text!important;
-webkit-text-fill-color: transparent!important;
background-image: -webkit-linear-gradient(-40deg,#fbe2fc,#bbe9ed)!important;
font-family: Rajdhani;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: -5px;
-moz-transition: all 1s;
-o-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
letter-spacing: 0px;
  margin-left: 70px;}


/* Personnalisation titre - lien survolé */

.topictitle { padding: 0px;}
.espace { padding-top: 2px; padding-bottom: -5px; }

/* BLOC AVATAR DERNIER POSTEUR DU FORUM */
.avaFRM {display:inline-block;height: 70px;overflow:hidden;background: #fefdff; border: 2px solid #e0e0e866;margin-right:-10px;margin-left:10px;margin-top:-30px;}
.avaFRM img {height:70px;}
.avaFRM img:hover {opacity:0.8;}
/*--------------------------------------- FIN CATEGORIE --------------------------------------*/

Merci d'avance Very Happy
CECILE362

CECILE362
Nouveau membre

Féminin
Messages : 14
Inscrit(e) le : 18/08/2007

http://familyshowsup.forumactif.com/
CECILE362 a été remercié(e) par l'auteur de ce sujet.

Problème code catégorie avec décalage  Empty Re: Problème code catégorie avec décalage

Message par Chacha Mer 15 Aoû 2018 - 10:11

Problème code catégorie avec décalage  8djze9qBonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
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

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum