Sujets similaires

Bonjour!

Avant toute chose, merci de porter attention à ma question, cela est très apprécier. Alors je m’adresse à vous, car je travail présentement sur mon forum histoire de l’améliorer. Présentement j’effectue avant toute chose le codage puisque le thème est gérer par quelqu’un d’autre. Vous l’aurez comprit, mon problème est naturellement une question de codage.

Hier, je suis tombé sur le tutoriel de Sparrow-style, concernant la création et l’installation complet d’un thème ainsi que de son codage. Il s’agit de celui-ci : http://www.never-utopia.com/t37724-diff3-creer-un-theme-complet-de-a-a-z-graph-codage

À l’installation, tout est parfait. Sans le moindre problème. Toutefois en navigant entre mes pages, particulièrement les forums possédant des sous-forums, je découvre se petit bug : http://d29.e-loader.net/yeIiTulYys.png

Lien direct à la page : http://kiowa-sokio.keuf.net/f6-manuel-des-joueurs

Alors que cela devrait être comme sur les autres pages ou il n’y a pas de sous-forum : http://d10.e-loader.net/Sub6IQT12Z.png

Tous les templates modifier sont les mêmes que ceux préciser dans le tutoriel, et ne comporter aucune autre modification si ce n’est qu’au niveau Css, que je vous offre ici :

Code:: /* GENERAL NEW */
body {
background: #595959;
background-image: url(http://img600.imageshack.us/img600/8734/1680x1050.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
}
.bodyline {
background-color: #c0c0c0;

}
.bodylinewidth {
width: 950px;
margin-left: auto;
margin-right: auto;
margin-top: -9px;
margin-bottom: -9px;
}

.bodyline {
width: 950px;
padding: 0;
background: #c0c0c0;
border-left: 5px solid #4c4842;
border-right: 5px solid #4c4842;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}
.row3Right {
border: none !important;
}
.thHead {
border: none !important;
}
.thCornerL, .thCornerR, .thTop {
border: none !important;
}
.thLeft, .thRight {
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight {
border: none! important;
}
.catHead {
border: none !important;
}
.catBottom {
border: none !important;
}
.profil {
width: 210px;
margin: auto;
padding: 2px;
background: #f3f3f3;
border: 1px dotted #c0c0c0;
text-align: center;
}
.name {
font-size: 14px;
font-variant: small-caps;
}

.forumline {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
background: #e9e9e6;
border: 1px solid #ffffff;
box-shadow: 0px 0px 5px #595959;
-moz-box-shadow: 0px 0px 5px #595959;
-o-box-shadow: 0px 0px 5px #595959;
-htm-box-shadow: 0px 0px 5px #595959;
-webkit-box-shadow: 0px 0px 5px #595959;
}
table {
width: 100%;
margin: auto;
}

a:link, a:link hover {
text-decoration: none !important;
}

a.nav img {
width: 200px;
}
#page-body {
width: 920px;
margin: auto;
}
#page-footer {
width: 950px;
height: 200px;
margin: auto;
background: url(http://img15.hostingpics.net/pics/547192footer.jpg);
border-top: 3px solid #545454;
}
#page-footer a {
font-size: 10px;
color: #545454 !important;
}
#page-footer a:hover {
color: #303030 !important
}
#i_logo {
margin-top: 22px;
}

/* Navigation */

#navigation {
position: fixed;
z-index: 999;
height: 30px;
width: 100%;
margin-left: -8px;
}
#navig {
width: 950px;
margin: auto;
text-align: center;
background: #4c4842;
border-bottom: 2px solid #939393;
padding-bottom: 3px;
}

#navig a {
font-weight: bold;
color: #b9b9b9 !important;
text-shadow: 1px 1px 0px #000000;
}
#navig a:hover {
color: #efefef !important;
}

/* Catégorie */
.title {
font-size: 20px;
}
.cate_titre {
width: 98%;
margin: auto;
text-align: center;
color: #ff0000;
}
.categorie {
width: 98%;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
background: #e9e9e6;
border-top: 3px solid #4c4842;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
box-shadow: 0px 0px 5px #595959;
-moz-box-shadow: 0px 0px 5px #595959;
-o-box-shadow: 0px 0px 5px #595959;
-htm-box-shadow: 0px 0px 5px #595959;
-webkit-box-shadow: 0px 0px 5px #595959;
}
.forum {
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
background: #f3f3f3;
border: 1px dotted #c0c0c0;
padding: 2px;
}
.forumlink {
display: block;
width: 600px;
font-variant: small-caps;
letter-spacing: 2px;
padding-left: 20px;
text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a {
font-size: 16px;
border-bottom: 2px dotted #c0c0c0;
}
.description {
display: block;
width: 500px;
margin: auto;
font-size: 11px;
text-align: justify;
color: #a6a6a6;
}
.illu {
float: right;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #c0c0c0;
background: #e9e9e6;
padding: 5px;
}

.stats_last {
display: block;
width: 160px;
margin: auto;
background: #e9e9e6;
padding: 10px;
border: 1px dotted #c0c0c0;
}
.stats {
display: block;
text-align: center;
font-size: 10px;
color: #a6a6a6;
border-bottom: 1px solid #cacaca;
padding-bottom: 4px;
margin-bottom: 4px;
}
.last {
display: block;
text-align: center;
font-size: 11px;
}
.sous_forum {
display: block;
width: 98%;
margin: auto;
background: #e9e9e6;
padding: 2px;
text-align: center;
}

/* QEEL */

.qeel_titre {
width: 800px;
height: 100px;
margin: auto;
background: url(http://img15.hostingpics.net/pics/445654qeeltitre.png) no-repeat;
}
.groupe1, .groupe2, .groupe3, .groupe4, .groupe5, .groupe6 {
display: block;
font-weight: bold;
text-transform: small-caps;
margin-top: 5px;
text-align: center;font-size: 14px;
}
.groupe1 {
color: #B05ADB !important;
}
.groupe3 {
color: #739039 !important;
}
.groupe2 {
color: #D1C2C2 !important;
}
.groupe4 {
color: #CC81BA !important;
}
.groupe5 {
color: #ED6671 !important;
}
.groupe6 {
color: #A69658 !important;
}
.groupe_contenu {
display: none;
}
.qeel_infos {
width: 98%;
margin-top: 5px;
margin-bottom: 5px;
background: #f3f3f3;
border: 1px dotted #c0c0c0;
padding: 4px;
font-size: 10px;
text-align: justify;
}
.groupe1:hover .groupe_contenu, .groupe2:hover .groupe_contenu, .groupe3:hover .groupe_contenu, .groupe4:hover .groupe_contenu, .groupe5:hover .groupe_contenu, .groupe6:hover .groupe_contenu {
display: block;
position: absolute;
margin-left: 50px;
width: 250px;
background: #e9e9e6;
padding: 4px;
border: 1px dotted #c0c0c0;
color: #989898;
font-size: 10px;
font-weight: normal;
}

/* Profil */

.profil {
width: 210px;
margin: auto;
padding: 2px;
background: #f3f3f3;
border: 1px dotted #c0c0c0;
text-align: center;
}
.name {
font-size: 14px;
font-variant: small-caps;
}
.profil_avatar {
border: 1px solid #c0c0c0;
background: #e9e9e6;
padding: 4px;
}

/* Message */

.message_contenu {
text-align: justify;
font-size: 11px;
background: #e9e9e6;
padding: 10px;
}

.quote{
background: url(http://d22.e-loader.net/LAG4kyyda1.png), url(http://d18.e-loader.net/Z6Ka7bVVj6.png);
background-position: top left, bottom right;
background-repeat: no-repeat, no-repeat;
background-color: #c0c0c0;
height: 42px;
padding:15px 45px 15px 45px;
color: #656564;
text-align: justify;
border: 1px dotted #f3f3f3;
box-shadow:2px 2px 5px #666;
}

.code{/*Code dans les messages*/
background-color: #c0c0c0;
padding:15px 15px 15px 45px;
color: #737372;
text-align: justify;
border: 1px dotted #f3f3f3;
box-shadow:2px 2px 5px #666;
max-height: 200px;
overflow: auto;
}

.selectCode {
float:right;
text-transform: uppercase;
cursor:pointer;
color: #000;
font-size: 12px;}

/* Spoiler */
.spoiler_closed {/* Apparence du spoiler fermé*/
display:block;
line-height: 125%;
/*Mettre ici vos propriétés décoratives*/
background-color: #c0c0c0;
color: #656564;
text-align: justify;
border: 1px dotted #f3f3f3;
box-shadow:2px 2px 5px #666;

}
.spoiler_closed.hidden {
display:none;
}

.spoiler_content {/*apparence du spoiler ouvert*/
display:block;
line-height: 125%;
/*mettre ici vos propriété décoratives*/
background-color: #c0c0c0;
height: 42px;
padding:15px 45px 15px 45px;
color: #656564;
text-align: justify;
border: 1px dotted #f3f3f3;
box-shadow:2px 2px 5px #666;
}

.spoiler_content.hidden {
display:none;
}

Et voici le Viewforum_body, j'ose croire que le bug doit se régler dans celui-ci, sinon vous pouvez me demander n'importe quel template.

Code:: {BOARD_INDEX}
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td align="left" valign="middle" width="50">
      
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
      
   </td>
   <td class="nav" valign="middle" width="100%"><div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div></td>
   <td class="gensmall" align="right" valign="bottom" nowrap="nowrap">
      <span class="nav">
         <script type="text/javascript">//<![CDATA[
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
      </span>
   </td>
</tr>
</table>
{TOPICS_LIST_BOX}
<div id="info_open" style="display:''">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="row1" align="left" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
      <td class="row1" align="right" valign="top"><span class="gensmall">{S_WATCH_FORUM}</span></td>
   </tr>
   <tr>
      <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
   </tr>
   <tr>
      <td class="row2" valign="top" width="150"><span class="gensmall"><b>{L_MODERATOR}:</b></span></td>
      <td class="row1" valign="top"><span class="gensmall">{MODERATORS}</span></td>
   </tr>
   <tr>
      <td class="row2" valign="top" width="150"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
      <td class="row1" valign="top"><span class="gensmall">{S_AUTH_LIST}</span></td>
   </tr>
   <tr>
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td class="nav" valign="middle" width="100%"><div class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</div></td>
               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>
</div>

<div id="info_close" style="display:none">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="row1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
   </tr>
   <tr>
      <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
   </tr>
   <tr>
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td class="nav" valign="middle" width="100%"><span class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</span></td>
               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>
</div>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>

      <td align="left" valign="middle" width="50">
         
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
         
      </td>
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

</tr>



</table>
   </form>

J’utilise le navigateur Mozilla Firefox 19.0, l’interface est naturellement Forumactif, et l’adresse de mon forum de Test (ou je monte l’ensemble en premier) : http://kiowa-sokio.keuf.net

Merci beaucoup et bonne journée!

Bonjour,

L'erreur vient du fait que tu as fixé la largeur de la classe .forumlink à 600 pixels, ce qui force la table à s’agrandir excessivement. Retire cette valeur et ça devrait suffire.

Ah ben oui!!! j'm'attendais a que ce soit simple, mais pas autant.. xDD

Merci c'est régler

Hello !
D'après ce que je lis, le problème est résolu, donc je déplace !
La prochaine fois, pense à l'indiquer en ajoutant le tag [résolu] dans ton titre, merci d'avance Décalage sur l'affichage des forums en Sous-forum 926145

Décalage sur l'affichage des forums en Sous-forum 926145

Décalage sur l'affichage des forums en Sous-forum

Décalage sur l'affichage des forums en Sous-forum

Sujets similaires

Sujets similaires

Partenaires Or