retour au top de la page

Invité · Message par **Invité** » 27 juil. 2004, 16:37

Salut!

Bon en utilisant <a name="top"></a> et plus loin <a href="#top">xyz</a>. On ramène le visiteur au haut de la page. C'est cool sauf dans mon cas. Mon body commence à partir de "margin: 50px 0 0 0", j'ai un menu en position absolute en haut:

Code : Tout sélectionner

.menu {
position: absolute;
top: 4%;
left: 10%;
right: 10%;
width: 80%;
z-index: 3
}

Alors quand je met mon lien pour aller vers le haut, ça m'enmène juste au-dessous de mon menu. Voir au debut du body, normal je sais.

Ma question est y a-t'il un manière de faire pour que ça va au-dessus du menu?

Voir page: http://www3.sympatico.ca/dachou29/starw ... sod1_3.htm

psyco_thug · Message par **psyco_thug** » 27 juil. 2004, 16:43

Anonymous a écrit :Salut!

Bon en utilisant <a name="top"></a> et plus loin <a href="#top">xyz</a>. On ramène le visiteur au haut de la page. C'est cool sauf dans mon cas. Mon body commence à partir de "margin: 50px 0 0 0", j'ai un menu en position absolute en haut:
Code : Tout sélectionner
.menu {
position: absolute;
top: 4%;
left: 10%;
right: 10%;
width: 80%;
z-index: 3
}
Alors quand je met mon lien pour aller vers le haut, ça m'enmène juste au-dessous de mon menu. Voir au debut du body, normal je sais.

Ma question est y a-t'il un manière de faire pour que ça va au-dessus du menu?

Voir page: http://www3.sympatico.ca/dachou29/starw ... sod1_3.htm

simous · Message par **simous** » 27 juil. 2004, 16:43

Tu as essayé de positionner cette balise 'top' de manière absolue avec un top=0 ?

psyco_thug · Message par **psyco_thug** » 27 juil. 2004, 16:44

je suis pas sure de comprendre

Bobe · Message par **Bobe** » 27 juil. 2004, 16:45

euh, mais il y a une touche qui fait cela (remonter en haut de page) sur mon clavier, pas chez toi ?

psyco_thug · Message par **psyco_thug** » 27 juil. 2004, 16:54

ouais mais c'est pas tout le mon qui y pense, au lieu de scroller jusqu'en haut avec la mollete de la souris on met un lien

jv2759 · Message par **jv2759** » 27 juil. 2004, 17:20

Je rejoind simous, je pense que le plus simple c'est directement de placer ton <a name="top"> en absolut et coler tout en haut de la pages.

Bobe · Message par **Bobe** » 27 juil. 2004, 17:23

psyco_thug a écrit :ouais mais c'est pas tout le mon qui y pense, au lieu de scroller jusqu'en haut avec la mollete de la souris on met un lien

Bah désolé, mais mettre en place une fonctionnalité déja existante sur la machine cliente, ça veut rien dire (pour ne pas dire plus).

psyco_thug · Message par **psyco_thug** » 27 juil. 2004, 17:44

jv2759 a écrit :Je rejoind simous, je pense que le plus simple c'est directement de placer ton <a name="top"> en absolut et coler tout en haut de la pages.

arfff! c'est ça que je comprend pas, je dois le mettre ou exactement? Dois-je écrire:

<body><a name="top" style="position: absolute; top:0"></a>

J'y pense et je vais essayer ceci: <div class="menu"><a name="top"></a>

psyco_thug · Message par **psyco_thug** » 27 juil. 2004, 17:55

psyco_thug a écrit : <body><a name="top" style="position: absolute; top:0"></a>

Ouaip ça marche ça

jv2759 · Message par **jv2759** » 27 juil. 2004, 17:57

Ou alors tu peux essayer de faire l'inverce c'est à dire ne mettre aucune marge sur le body, mais la mettre sur le menu...

psyco_thug · Message par **psyco_thug** » 27 juil. 2004, 18:05

Ouais j'avais déjà essayer ça....

Alors je l'ai mis à deux endroit mon body:

Code : Tout sélectionner

body {
margin: 50px 0 0 0;
padding: 0;
text-align: center;
background-image: url("images/starback.gif");
background-attachment: fixed;
background-position: top left
}

et mon menu:

Code : Tout sélectionner

.menu {
position: absolute;
top: 4%;
left: 10%;
right: 10%;
width: 80%;
z-index: 3
}

J'ai pas le choix de mettre mon body à 50px parce que mon menu est en absolute en haut de la page

voir: http://www3.sympatico.ca/dachou29/starw ... sod1_3.htm

Geckozone

retour au top de la page

retour au top de la page

Re: retour au top de la page

Qui est en ligne ?