Page 1 sur 1
retour au top de la page
Publié : 27 juil. 2004, 16:37
par Invité
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
Re: retour au top de la page
Publié : 27 juil. 2004, 16:43
par psyco_thug
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
Publié : 27 juil. 2004, 16:43
par simous
Tu as essayé de positionner cette balise 'top' de manière absolue avec un top=0 ?
Publié : 27 juil. 2004, 16:44
par psyco_thug
je suis pas sure de comprendre
Publié : 27 juil. 2004, 16:45
par Bobe
euh, mais il y a une touche qui fait cela (remonter en haut de page) sur mon clavier, pas chez toi ?
Publié : 27 juil. 2004, 16:54
par psyco_thug
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
Publié : 27 juil. 2004, 17:20
par jv2759
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.
Publié : 27 juil. 2004, 17:23
par Bobe
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).
Publié : 27 juil. 2004, 17:44
par psyco_thug
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>
Publié : 27 juil. 2004, 17:55
par psyco_thug
psyco_thug a écrit :
<body><a name="top" style="position: absolute; top:0"></a>
Ouaip ça marche ça
Publié : 27 juil. 2004, 17:57
par jv2759
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...
Publié : 27 juil. 2004, 18:05
par psyco_thug
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