Renvoi en haut de page lorsque survol du sujet de la colonne "Derniers Messages"

[SombreGuerre]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://kalderaan.forumactif.com/

Description du problème

Bonjour !

J'ai un petit problème : lorsqu'on survol le lien amenant vers le dernier message posté dans la colonne "Derniers Messages", nous avons un renvoi automatique vers le haut de la page.

A quoi pensez-vous que c'est dû ?

En vous remerciant d'avance !

[Neptunia]

Bonjour, et bienvenue sur le Forum des Forums Forumactif



Vous auriez davantage de chances d'obtenir de l'aide si nous pouvions constater nous-même le problème. Chose impossible tant que le forum sera en mode "Construction".

[SombreGuerre]

Bonjour, et merci !

Ah oui effectivement, j'avais oublié ça. C'est rectifié !

[Invité]

Hello Hélène   et SombreGuerre,

il faut changer ainsi ton header qui lui à une hauteur à 100%
alors que ton image de fond à cette hauteur 866px:

Code:

#header-banner {
    background-image: url(https://cdn.discordapp.com/attachments/275336675813752834/565927482721828867/ban3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}

Il faut déterminer une hauteur en px en relation avec celle de ton image:
Donc, ne pas mettre de height 100% mais plutôt un height: 656px;

Code:

#header-banner {
    background-image: url(https://cdn.discordapp.com/attachments/275336675813752834/565927482721828867/ban3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 656px;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}

Puis ce qui fait buguer :

Code:

body, html {
    background-image: url(https://cdn.discordapp.com/attachments/275336675813752834/565927763668762645/noir.jpg);
    height: 693px;
}

Modifies ainsi:

Code:

#wrap
{
background-image: url(https://cdn.discordapp.com/attachments/275336675813752834/565927763668762645/noir.jpg);
height:100%;
}


a++

[SombreGuerre]

Hello !

Merci beaucoup, je comprend mieux, ça marche nickel.
Je passe le sujet en Résolu, encore merci ! \o/