Décalage des cellules des sujets sur mozilla

2 participants

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

Résolu Décalage des cellules des sujets sur mozilla

Message par Azya Ven 24 Aoû 2012, 16:08

Bonsoir à tous,
Une petite explication pour mieux expliquer mon souci
Voilà, je suis en plein essai sur mon forum test. J'ai réutilisé un code de fusion des sujets trouvé sur Thème-FA pour cela. Le code marche nickel chrome
Jusqu'à ce que je me rende compte de ceci

1ère photo, tout va bien

Décalage  des cellules des sujets sur mozilla Dacal10

Sur la seconde où il n'y pas de sujet de poster, un un petit problème d'affichage
Décalage  des cellules des sujets sur mozilla Dacala10

A première vue ce n'est pas un problème de code car en dehors de ceux ayant mozilla et IE, il n'y a pas d'erreur d'affichage
Si vous voulez le code et le CSS, je vous remets le tout

Ce problème est sur mon forum test pour le moment : http://ficsfanartspassions.forumgratuit.org/
Je suis en phBB2
CSS modifié : Oui
Templates modifiés :
index_box
overall_header
topics_list_box
viewtopic_body

PS : Si ce sujet doit retourner dans les problèmes liés aux codes, pas de problème mais moi je n'était pas sûre à 100%
Merci de l'aide que vous pourrez me fournir





Dernière édition par Azya le Dim 26 Aoû 2012, 20:28, édité 1 fois
Azya

Azya
***

Féminin
Messages : 151
Inscrit(e) le : 21/10/2011

http://www.plumesmots.com/
Azya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage des cellules des sujets sur mozilla

Message par Threax Sam 25 Aoû 2012, 11:01

Bonjour,

Il s'agit effectivement d'un problème dans votre code, bien qu'il n'apparaisse que sur Firefox. Les autres navigateurs passent outre le problème et considèrent que l'affichage "normal" devrait être celui-ci, tandis que Firefox s'en tient à afficher ce qu'on lui demande d'afficher.

Il faudrait nous fournir votre template topics_list_box
Threax

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

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

Résolu Re: Décalage des cellules des sujets sur mozilla

Message par Azya Dim 26 Aoû 2012, 17:45

Bonsoir,
Merci de votre réponse
Voici le code en question
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
   var all_checked = true;
   for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
   }
   document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
   for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
   }
}
</script>
    <!-- END multi_selection -->   
<table class="forumline tfa" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr class="tfa_th0"> 
    <td class="tfa_th1" colspan="3" align="center" nowrap="nowrap">NOS ECRITS</td>
    <td class="tfa_th2"colspan="4" align="center" nowrap="nowrap" width="350">LE DERNIER MOT</td>
    <!-- BEGIN multi_selection -->     
    <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th> 
    <!-- END multi_selection --> 
  </tr>
  <!-- BEGIN pagination --> 
  <tr class="tfa_tr">     
    <td class="row1 tfa" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td> 
  </tr>       
  <!-- END pagination -->
  <!-- END header_table -->
  <!-- BEGIN header_row -->   
  <tr class="tfa_tr">     
    <td class="row3 tfa" colspan="7"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td> 
  </tr> 
  <!-- END header_row -->
  <!-- BEGIN topic -->
  {topics_list_box.row.END_TABLE_STICKY} 
  <tr class="tfa_tr">     
    <!-- BEGIN single_selection -->     
    <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>     
    <!-- END single_selection --> 
    <!-- ICONE DE MESSAGE -->
    <td class="{topics_list_box.row.ROW_FOLDER_CLASS} row_tfa" align="center" valign="middle" width="20">
      <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
    </td>     
    <!-- BEGIN icon -->     
    <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>     
    <!-- END icon --> 
    <!-- TITRE ET AUTEUR DU SUJET -->
    <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="750"> 
      <div class="list_descrip">
      <div class="topictitle">     
        {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}           
        <h2 class="topic-title">             
          <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> 
          <span class="name">
            : <img src="http://i36.servimg.com/u/f36/16/96/35/35/nv12.png" alt="" style="vertical-align: middle; height: 30px;" /><img src="http://i45.servimg.com/u/f45/11/95/30/70/fd111.png" alt="" style="vertical-align: middle; height: 30px;" />
            Ecrit posté par : {topics_list_box.row.TOPIC_AUTHOR}.
          </span>       
        </h2>       
      </div>
      <!-- BEGIN switch_description -->       
      <span class="genmed">                   
        {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}       
      </span>       
      <!-- END switch_description -->       
      <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>         
      <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span> 
      </div>
    </td> 
    <td class="row2 tfa" align="left" valign="middle" colspan="4" width="250" style="min-width: 250px !important;">         
      <span class="postdetails tfa">
        Cet écrit a eu  <span class="chiffres">{topics_list_box.row.REPLIES}</span>  réponse(s), et a été consulté  <span class="chiffres">{topics_list_box.row.VIEWS}</span>  fois.     
        Derniers messages {topics_list_box.row.LAST_POST_TIME}  par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
      </span>
    </td>               
    <!-- BEGIN multi_selection -->     
    <td class="row2" align="center" valign="middle">               
      <span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />               
      </span>           
    </td> 
    <!-- END multi_selection -->           
  </tr> 
  <!-- END topic -->
  <!-- BEGIN no_topics -->   
  <tr class="tfa_tr">     
    <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td> 
  </tr> 
  <!-- END no_topics --><!-- BEGIN bottom --> 
  <tr class="tfa_bottom">     
    <td class="catBottom tfa" colspan="{topics_list_box.row.COLSPAN}" valign="middle">       
      <table width="100%" border="0" cellspacing="0" cellpadding="0">       
  <tr>           
          <td> <span class="gensmall">{PAGINATION}</span></td>             
          <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>       
  </tr>       
      </table>     
    </td> 
  </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row -->
  <!-- END topics_list_box -->
Azya

Azya
***

Féminin
Messages : 151
Inscrit(e) le : 21/10/2011

http://www.plumesmots.com/
Azya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage des cellules des sujets sur mozilla

Message par Threax Dim 26 Aoû 2012, 18:08

Remplacez cet extrait :
Code:
<!-- BEGIN no_topics --> 
  <tr class="tfa_tr">   
    <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
  </tr>
  <!-- END no_topics -->
Par :
Code:
<!-- BEGIN no_topics --> 
  <tr class="tfa_tr">   
    <td class="row1" colspan="7" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
  </tr>
  <!-- END no_topics -->
Threax

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

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

Résolu Re: Décalage des cellules des sujets sur mozilla

Message par Azya Dim 26 Aoû 2012, 19:30

Bonsoir, merci pour votre aide
J'ai toujours le même problème Sad
Azya

Azya
***

Féminin
Messages : 151
Inscrit(e) le : 21/10/2011

http://www.plumesmots.com/
Azya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage des cellules des sujets sur mozilla

Message par Threax Dim 26 Aoû 2012, 19:55

Non, une partie du problème est réglée déjà. Smile

Pour la barre du bas, il faut remplacer :
Code:
<!-- BEGIN bottom -->
  <tr class="tfa_bottom">   
    <td class="catBottom tfa" colspan="{topics_list_box.row.COLSPAN}" valign="middle"> 

par :
Code:
<!-- BEGIN bottom -->
  <tr class="tfa_bottom">   
    <td class="catBottom tfa" colspan="7" valign="middle"> 
Threax

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

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

Résolu Re: Décalage des cellules des sujets sur mozilla

Message par Azya Dim 26 Aoû 2012, 20:28

Merci pour tout ! Tout fonctionne correctement Very Happy
Azya

Azya
***

Féminin
Messages : 151
Inscrit(e) le : 21/10/2011

http://www.plumesmots.com/
Azya 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