ThisLullaby
{ Membre }
Messages : 8
| Bonjour à tous ! Déjà, je voudrais remercier d'avance ceux qui s'intéresseront à mon problème. & Pardon si la question a déjà été posée ^^'. Alors déjà, pour vous aider à comprendre, je vais vous donner le lien du forum ; http://abberly-murderer.1fr1.net/ Le soucis est la largeur. En effet, le forum & les catégories sont trop 'large'. Nous avons eu un bug & perdu tout notre CSS, & avant la largeur était parfaite. J'avais mis une scrollbar dans les descriptions, et depuis le bug, je l'ai remise, mais on ne la voit pas à cause de la largeur. J'avais mit la largeur du forum à 40%. Maintenant, quand je mets ces valeurs-là, la largeur reste tout de même trop grande. Pourtant, les codes CSS sont les mêmes qu'avant le bug. Seul les templates index_box et viewtopic_body ont été modifiés. Voilà le template de index_box ; - Code:
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<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>
<!-- DEBUT MODIF ONGLETS -->
<script type="text/javascript"> <!--
document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet"> <ul class="conteneur_onglets"> <li onClick="change_cat(1)" class="onglet actif" id="onglet_1">♛administration</li> <li onClick="change_cat(2)" class="onglet " id="onglet_2">♛premiers pas</li> <li onClick="change_cat(3)" class="onglet " id="onglet_3">♛campus des filles</li> <li onClick="change_cat(4)" class="onglet " id="onglet_4">♛campus des garçons</li> <li onClick="change_cat(5)" class="onglet " id="onglet_5">♛extérieur</li> <li onClick="change_cat(6)" class="onglet " id="onglet_6">♛la ville</li> <li onClick="change_cat(7)" class="onglet " id="onglet_7">♛flood et co</li> </ul></div>');
var compteur_cat = 1;
function change_cat(numero) { if(document.getElementById('categorie_'+numero)) { /* affichage de la bonne categorie */ $('table[id^=categorie_]').css('display','none'); $('table[id=categorie_'+numero+']').fadeIn(); /* affichage du bon onglet */ $('.actif').removeClass("actif"); $('.onglet[id=onglet_'+numero+']').addClass("actif"); } }
function capture_cat() { if(compteur_cat == 1) { document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >'); } else { $('#conteneur_barre_onglet').css("display","block"); document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">'); } compteur_cat++; }
//--> </script>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<script type="text/javascript"> <!-- capture_cat(); //--> </script>
<!-- FIN MODIF ONGLETS -->
<tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <th nowrap="nowrap" width="50">{L_TOPICS}</th> <th nowrap="nowrap" width="50">{L_POSTS}</th> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</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"> <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 class="{catrow.forumrow.INC_CLASS}" 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 class="row1 over" 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}">{catrow.forumrow.FORUM_NAME}</a>
</span> </h{catrow.forumrow.LEVEL}> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <!-- BEGIN forum_link_no --> <td class="row3" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.TOPICS}</span> </td> <td class="row2" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.POSTS}</span> </td> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <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 --> <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> Aussi, le forum est divisé en onglet, mais je ne crois pas que cela soit le problème puisqu'avant le bug, elles étaient également divisées en onglet et tout marchait. Bref, merci d'avance pour votre aide! Et s'il manque quoique ce soit, dites-le moi. | | |
|
L
{ Membre actif }
Messages : 867
| Bonsoir, Peut-on avoir un aperçu du problème ? Pour que le codeur en charge du problème puisse mieux visualiser ce dernier Bonne soirée. | | |
|
ThisLullaby
{ Membre }
Messages : 8
| Merci de t'intéresser à mon problème. Qu'entends-tu par 'un aperçu' du problème ? Je ne peux pas vraiment faire de screen puisque c'est dans l'apparence générale du forum qu'est le problème, et c'est pour ça que j'ai donné le lien de mon forum. ^^ J'en ai tout de même fait un, si ça peut aider ; la partie encadrée en rouge est la largeur des forums, & c'est ce qui cause problème car elle est trop grande, même en modifiant à 40%. - Spoiler:
| | |
|
L
{ Membre actif }
Messages : 867
| Je crois que cela vient de la taille du header qui est trop grande :/ Essaye de la faire plus petite et ré-essaye ^^ Bonne soirée | | |
|
ThisLullaby
{ Membre }
Messages : 8
| Mmh d'accord, je vais voir ça, merci de ton aide! Bonne soirée. | | |
|
Sui
{ Membre actif }
Messages : 346
| Aussi, sur safari sur un mac, j'ai environ 40% de taille de tes catégories.. m'enfin, je n'ai pas les même résultats au niveau aperçu sur mac.. et safari. (: | | |
|