Problème code catégorie avec décalage
2 participants
Page 1 sur 1 • Partagez
Problème code catégorie avec décalage
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
Re: Problème code catégorie avec décalage
Bonjour, 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. |
Sujets similaires
» catégorie et forum perso, problème avec un code.
» problème de css + décalage code à l'ajout de la page d'accueil
» Décalage de la dernière catégorie, comparée aux autres + décalage des forums à l'intérieur des catégories.
» problème de décalage avec l'horaire
» Problème code (catégorie)
» problème de css + décalage code à l'ajout de la page d'accueil
» Décalage de la dernière catégorie, comparée aux autres + décalage des forums à l'intérieur des catégories.
» problème de décalage avec l'horaire
» Problème code (catégorie)
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum