Problème d'affichage dans description catégorie

[Ashlee]

Bonsoir !
Nous sommes en train de tester une version sur mon forum, et nous avons un petit soucis : nous avons personnalisé le template INDEX_BOX afin d'avoir de plus jolies descriptions de catégories, cependant le résultat change si l'on place le curseur de la souris sur la description ... Bizarre ! En image :



1 = sans rien toucher
2 = quand la souris est sur la description/le lien

On peut bien voir que tout est centré sur l'image 2, et c'est ce résultat que nous voulons, PERMANENT et pas seulement au passage de la souris ... On ne trouve pas de solution, alors si quelqu'un peut nous aider il est le bienvenu ! Voici le template INDEX_BOX :

Code:

<br>
<br>
<br>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="titre_categorie">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
</th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <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>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>

<td class="row1" onmouseover='this.className="row2"' onmouseout='this.className="row1"' colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="100"><table width="100%"><tbody><tr><td with="80%">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}<div style="border-bottom: 2px #F0F2F4 solid;"></div><center></a><span class="gensmall"><font size="1"><b>{catrow.forumrow.POSTS}</b> messages ✩ </font></span><span class="gensmall"><b><font size="1">{catrow.forumrow.TOPICS}</b> sujets</font></span></center>

            </span>
         </h{catrow.forumrow.LEVEL}>
         <div style="background-color:#F0F2F4; -moz-border-radius: 35px; margin-bottom: -35px; margin-left: 20px; margin-right:5px; margin-left:450px; margin-top: -45px; text-align:center; width:150px; -moz-box-shadow: 1px 1px 1px #000000; border: 1px #CFD5DA solid"><span class="gensmall"><span class="gensmall"><font size="1"><br>{catrow.forumrow.LAST_POST}<br><br></font></span><br></div><br></div><span class="genmed"><div style="background-color:#F0F2F4; margin-right: 20px; margin-left: 20px; 1px #CFD5DA solid;"><table><tr><div style="margin-bottom:-35px; margin-left: 15px"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div><td></td><td><br><blockquote>{catrow.forumrow.FORUM_DESC}</blockquote></td></tr></table></div></span>
</td></tr></tbody></table>
</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 -->

Un énorme MERCI d'avance ♥

Ps : le forum en question : http://inside-outside.1fr1.net/?tt=1

[Ea]

Bonjour,


Voici ce que je vois : https://i.imgur.com/pBfpA.png

Si vous avez retiré votre modification vous pourriez la remettre ?
Si vous ne l'avez pas modifié... quel navigateur utilisez-vous ?

Cordialement.

[Ashlee]

Voila qui est fait. (:

[Ea]

D'accord, donc le truc qui a au survol c'est ceci sur la case :

Code:

<td class="row1" onmouseover="this.className=" onmouseout="this.className=&quot;row1&quot;" colspan="1" valign="top" width="100%" height="100">

Donc la case devient row2 à la place de row1 quand on la survole, enfin il doit y avoir du CSS de row1 qui cause les problèmes ou de row2 qui en résolu dans le CSS personnalisé.

Cordialement.

[Ashlee]

Ah oui effectivement, un code pour "row1" bloquait tout. Merciii !