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

3 participants

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

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

Message par Phyliono Dim 2 Sep 2018 - 1:05

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 !


Dernière édition par Phyliono le Mer 5 Sep 2018 - 11:01, édité 1 fois
Phyliono

Phyliono
Membre habitué

Messages : 1304
Inscrit(e) le : 24/02/2013

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

Résolu Re: Titre des forums décalé au passage de la souris

Message par Fantazie Dim 2 Sep 2018 - 11:38

Coucou,

tres joli votre forum =)

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

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

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

Résolu Re: Titre des forums décalé au passage de la souris

Message par Phyliono Dim 2 Sep 2018 - 17:15

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.
Phyliono

Phyliono
Membre habitué

Messages : 1304
Inscrit(e) le : 24/02/2013

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

Résolu Re: Titre des forums décalé au passage de la souris

Message par Fantazie Dim 2 Sep 2018 - 20:43

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...
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

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

Résolu Re: Titre des forums décalé au passage de la souris

Message par Phyliono Lun 3 Sep 2018 - 11:36

Non rien...
Phyliono

Phyliono
Membre habitué

Messages : 1304
Inscrit(e) le : 24/02/2013

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

Résolu Re: Titre des forums décalé au passage de la souris

Message par Phyliono Mer 5 Sep 2018 - 1:12

up
Phyliono

Phyliono
Membre habitué

Messages : 1304
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Titre des forums décalé au passage de la souris

Message par ◦Jay◦ Mer 5 Sep 2018 - 6:39

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;}

Question
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des forums décalé au passage de la souris

Message par Phyliono Mer 5 Sep 2018 - 11:00

Parfait, merci !
Phyliono

Phyliono
Membre habitué

Messages : 1304
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono 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