Haut de page html

Fermé
vujntel - Modifié par vujntel le 19/07/2012 à 11:52
telliak Messages postés 3656 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 29 mai 2024 - 21 juil. 2012 à 16:43
Bonjour,
Je vous contacte car j'aimerais savoir comment je peux mettre le "haut de page" la ou je veux.
<a href="#">Haut de page</a>
Est-il compatible avec tout les navigateurs dont ie ?
J'ai fais ça qui a l'air de marcher mais il est tout en haut a gauche.
Que faut-il mettre dans le css pour qu'il soit en bas a droite de la page ?
Merci d'avance.



A voir également:

3 réponses

Blunderer Messages postés 273 Date d'inscription mardi 17 juillet 2012 Statut Membre Dernière intervention 6 décembre 2012 83
Modifié par Blunderer le 19/07/2012 à 17:13
<a href="#" style="position:fixed;bottom:15px;right:20px;">Haut de page</a> 

tu peux changer les valeurs en gras pour l'adapter à tes besoins ;)
Maintenant, je suis.
0
lokakilo Messages postés 213 Date d'inscription dimanche 13 juillet 2008 Statut Membre Dernière intervention 20 juin 2013 14
19 juil. 2012 à 19:34
Oui, et tu rajoutes un z-index:20 pour qu'il soit tirs au premier plan.
<a href="#" style="position:fixed;bottom:15px;right:20px;z-index:20;">Haut de page</a> 
0
telliak Messages postés 3656 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 29 mai 2024 876
19 juil. 2012 à 23:05
1- Malheureusement cela ne colle pas car les paramètres bottom et right sont différents selon la taille des écrans.
2- le paramètre z-index n'a rien à voir avec la question posée.
0
Parfait merci ça marche nickel :)
0
lokakilo Messages postés 213 Date d'inscription dimanche 13 juillet 2008 Statut Membre Dernière intervention 20 juin 2013 14
21 juil. 2012 à 16:36
@telliak n'importe quoi :
1. Il veut que le bouton soit en bas à droite, donc il sera à 15px du bas et à 20 px de la droite (pour ne pas que ça colle le bord), et ce, peut importe la taille de l'écran.
2. z-index à très largement un rapport avec ça, il veut un bouton en bas à droite, mais un bouton en bas à droite est toujours au premier plan, ce qui ne sera pas le cas si il n'y a pas de z index 20...
0
telliak Messages postés 3656 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 29 mai 2024 876
21 juil. 2012 à 16:41
@lokakilo
Ah ben oui, dis donc, j'ai écrit une c***ie, excuse.
0
J'ai un autre problème sur firefox ça marche très bien mais sous ie le pied de piège s'écrit en en plusieurs ligne:

<td><table width="100%" border="0" cellpadding="18" cellspacing="0" class="footer_legal_notice">
<td><a href="http://www.test.com.html" target="_blank" class="footer_legal_notice">© test</a>

<a href="#" style="position:fixed;bottom:5px;right:240px;">Top</a>


.footer_legal_notice {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #1A61A9;
position: absolute;
bottom: 0;
}

Merci d'avance.
0
Blunderer Messages postés 273 Date d'inscription mardi 17 juillet 2012 Statut Membre Dernière intervention 6 décembre 2012 83
20 juil. 2012 à 16:37
explique un peu mieux s'il te plait...
merci :D
0
Et bien sur ie au lieu que le texte de bas de page s'écrit sur une ligne il écrit un mot par ligne.
0
Blunderer Messages postés 273 Date d'inscription mardi 17 juillet 2012 Statut Membre Dernière intervention 6 décembre 2012 83
20 juil. 2012 à 17:17
oui mais quel texte ? oO
0
Celui-ci:
<td><a href="http://www.test.com.html" target="_blank" class="footer_legal_notice">© test test</a>
Chaque mot va a a ligne.
0
telliak Messages postés 3656 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 29 mai 2024 876
Modifié par telliak le 19/07/2012 à 23:08
Salut,,
<a href="#" style="position: absolute; bottom: 0; right: 0;">Haut de page</a> 
devrait te satisfaire.
Note bien que pour un haut de page, il est alors très bas :))
-1
telliak Messages postés 3656 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 29 mai 2024 876
21 juil. 2012 à 16:43
@celui qui a mis -1
En quoi cette réponse n'est-elle pas appropriée ?
0