Les titres des catégories tremblent !

[DD69]

Détails techniques

Version du forum : Inconnue
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Aujourd'hui
Lien du forum : https://mangatoons.forumactif.com/

Description du problème

Bonjour, bonsoir

J'ai utilisé aujourd'hui une nouvel habillage de mon forum. Seulement, quand je passe la souris dessus, l'image tremble dans l'accueil sur les catégories,sur mon PC (ordinateur fixe). Aucun problème par contre si j’utilise mon mobile.

Il s'agit du thème de Pantsu Gakuen à la huitième page

Lien : https://mangatoons.forumactif.com/

Si vous pouvez remédier à cela, ce serais sympa. Un grand merci à vous

[Toryudo]

Bonjour !

Ça vient du CSS personnalisé qui correspond aux titres (a.forumlink et a.forumlink:hover quand la souris pointe le lien) :

Code:

a.forumlink{
    display:block;
    padding-left:50px;
    margin-bottom:4px;
    font-size:30pt;
    letter-spacing:2px;
    border-bottom:3px dotted #4e4e4e;
    padding-bottom:4px;
    font-family:georgia;
    font-style:italic;
    text-transform:lowercase;
    letter-spacing:-3px;
    text-shadow:0 0 5px
}
a.forumlink:hover{
    border-bottom:3px dotted #F7539A;
    letter-spacing:2px;
    padding-left:100px;
    text-transform:uppercase;
    font-style:normal;
    font-size:22pt;
    margin-top:10px
}


Pour le survol, je dirais qu'il ne faut jamais faire ce qui est fait là !
Mieux vaut ne jamais changer la taille d'un d'élément au survol, au risque d'avoir des modifications mise en page, qui peuvent provoquer ces "tremblements" (parce que la souris va sur l'élément, qui change de place et de taille, donc la souris n'est plus dessus, donc l'élément rechange, donc la souris est à nouveau sur l'élément, etc.)

Pour ne pas avoir de problème, je vous propose de modifier comme ceci :

Code:

a.forumlink{
    display:block;
    padding-left:50px;
    margin-bottom:4px;
    font-size:30pt;
    letter-spacing:2px;
    border-bottom:3px dotted #4e4e4e;
    padding-bottom:4px;
    font-family:georgia;
    font-style:italic;
    text-transform:lowercase;
    letter-spacing:-3px;
    text-shadow:0 0 5px
}
a.forumlink:hover{
    border-bottom:3px dotted #F7539A;
}


[DD69]

Comme je disais plus haut, je ne ferai rien en ce qui concerne le CCS mais merci quand même.

[Lixyr]

Où en-est votre problème ? Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône RÉSOLU en éditant votre premier message, Votre problème est toujours d'actualité, dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté.