Titre des forums décalé au passage de la souris

[Phyliono]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Début août 2018
Lien du forum : http://www.universiteuniverselle.com

Description du problème

Bonjour,

Depuis quelques semaines, soudainement, sans modification particulière me semble-t-il, lorsque nous passons la souris sur l'un des titres de forum, le titre se décale beaucoup plus bas sur Google Chrome. Je ne comprends pas d'où vient le problème...

Quelqu'un peut-il m'aider s'il vous plait ?

Code:

<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="boxline" align="center" width="246" border="0" cellspacing="0" cellpadding="0" style="border-spacing:0px;display:inline-block;margin-left:6px;margin-right:7px;margin-bottom:13px" valign='top'>
<tr>
  <td colspan="{catrow.tablehead.INC_SPAN}" colspan="2" style="width: 100%; white-space: nowrap;padding-top:10px;"><div class="categotitre">{catrow.tablehead.L_FORUM}</div></td>
</tr>
<!-- END tablehead --><!-- BEGIN forumrow -->
<tr style="height: 4px"><td></td></tr>
  <tr><td colspan="2" align="center"><hr style="width: 196px;background-color:#E1E1E1;height:1px;border-bottom: 1px solid #FFFFFF;border-top:0px!important;margin:0px!important"/></td></tr>
<tr class="barreforum" onclick="location.href='{catrow.forumrow.U_VIEWFORUM}'">
   <td class="forumtitle" colspan="1" valign="middle" width="100%" style="padding-left:13px;text-align: left;">
      <h{catrow.forumrow.LEVEL} class="hierarchy">
      <span class="forumlink">{catrow.forumrow.FORUM_NAME}</span>
      </h{catrow.forumrow.LEVEL}>
      <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
      <span class="gensmall"></span>
   </td>
   <td class="forumtitle" align="right" valign="middle" style="padding-right:13px">
      <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
   </td>
</tr>
<!-- END forumrow --><!-- END catrow -->
<style>table.boxline tr:nth-child(3) hr {display:none}
  
td h2 {text-align:left;padding-left:69px;font-size:16px;text-shadow: 1px 1px 1px #FFFFFF;margin: 0px;}
table.boxline:nth-child(1) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_22.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(2) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_26.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(3) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_19.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(4) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_28.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(5) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_17.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(6) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_11.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(7) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_18.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(8) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_39.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(9) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_34.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(10) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_13.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}  
  
table.boxline:nth-child(11) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_20.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(12) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_25.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}

table.boxline:nth-child(13) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_42.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(14) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_15.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(15) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_38.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(16) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_40.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(17) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_23.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(18) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_36.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(19) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_28.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}
  
table.boxline:nth-child(20) div.categotitre {background : url('https://i.servimg.com/u/f62/18/72/44/21/forum_29.png');
width:246px;height:52px;background-repeat: no-repeat;line-height: 52px;background-position: 13px;}</style>

Je vous remercie par avance !

[Fantazie]

Coucou,

tres joli votre forum =)

En hover dans votre css il se passe quoi en fait ? on le voit pas via le site.

[Phyliono]

Merci, voici le hover :

Code:

.barreforum:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
}

Je précise que sur Safari ça semble bien fonctionner. En espérant que vous trouviez une solution !

Merci d'avance.

[Fantazie]

Je n'ai pas vraiment d'idée pour l'instant, je suis aussi sous chrome et je le vois comme vous, je n'ai pas de mise à jour de chrome proposée donc...
Vous avez du hover que sur les petites barres de séparation ? pas sur les div en elle même des forum? enfin les td comme c'est en tableau ? La manière dont ça se "décale" me fait penser au système des listes déroulantes...

[Phyliono]

Non rien...

[Phyliono]

up

[◦Jay◦]

Bonjour, c'est à cause de ce code CSS :

Code:

.barreforum:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);}

Pourquoi ne pas remplacer par :

Code:

.forumlink:hover {
  color:#fff;}

[Phyliono]

Parfait, merci !