• Résolu Avoir un header "fixe"


    Jeudi 30 Novembre 2017 à 14:53
    Ryzer

    Bonjour à tous !

    Alors voilà je m'explique : J'ai fait en sorte que sur mon blog, mon header ne soit qu'une barre avec les différents menus et j'aimerais faire en sorte que, lorsque je défile vers le bas, il soit toujours visible. Je ne sais pas si j'ai été clair mais si quelqu'un aurait une solution ce serait génial, merci d'avance !

    Jeudi 30 Novembre 2017 à 18:02
    Colette95

    Bonjour Aurwel,

    Tu peux fixer ton menu en ajoutant ce code dans le css :

    #menu {
        positionfixed; /*pour fixer le menu*/
        top20px; /*Pour le fixer à partir du haut - valeur à adapter*/
        left50%; /*Pour le positionner au milieu du blog*/
        margin-left-400px; /*Valeur à adapter*/ 
    }

    PS Pour le margin-left j'ai pris comme exemple un menu de 800px et mis une valeur négative de -400px pour le centrer par rapport au blog. Mais à toi d'adapter selon ce que tu souhaites. Tu peux passer d'une valeur négative à une valeur positive (en supprimant le tiret devant la valeur). Et le meilleur moyen de comprendre, c'est d'essayer ! smile

    Jeudi 30 Novembre 2017 à 18:30
    Ryzer

    Oh j'ai bidouillé un peu et au final ça marche comme je l'espérais, merci beaucoup, vraiment ! Une autre petite question, peut-être idiote, mais est-il possible de faire de même avec le fond en png du header ?

    Jeudi 30 Novembre 2017 à 18:40
    Colette95

    Là c'est vraiment du bidouillage car je ne t'ai pas indiqué :

    left: 500px;

    mais

    left: 50%;

    ce qui n'est pas du tout la même chose.

    et c'est la valeur margin-left que tu dois adapter. sarcastic




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.