Navigation Haut/Bas -> Ou la placer ?

[Dirty Prince]

Bien le bonjour !

ça fait longtemps, n'est-ce pas ? =D Bref, j'arrive ave cun nouveau problème qui me perturbe au plus haut point.

Je vous explique : mon forum est très long, c'est a dire qu'il y a beaucoup de sous-forum, et que aller en bas reste chiant. BREF. Je souhaitais faire une sorte de petite barre de navigation en image, avec une flèche qui mène vers le haut, et l'autre vers le bas. Je voudrais que ceci reste à l'extrême droite (en bas) de mon écran.
J'ai pensé bêtement faire un widget, mais NON, alors j'opte pour le template. Maintenant, OU ?
Voici le petit code que j'ai fait :

Code:

<a href="http://infam-industry.forum-actif.net/#top"><img style="opacity: 0.5;" src="http://img198.imageshack.us/img198/1585/flechehaut.png" title="Aller en haut" alt="Aller en bas"></a></br>
<a href="http://infam-industry.forum-actif.net/#bottom"><img style="opacity: 0.7;" src="http://img121.imageshack.us/img121/4412/flechebas.png" title="Aller en bas" alt="Aller en bas"></a>

Donc ma question est : Comment faire pour mettre la chose tout en bas de ma fenêtre? (qu'il empiète sur le cadre du fo' s'il le faux, vu mon petit écran, ç a m'arrive beaucoup)

Si je ne parviens pas à me faire comprendre - c'est habituel, c'est pas vous, je vous jure-, je vous donnerez des exemples.

Merci d'avance ! *précision : le problème est relativement urgent 8D*

[Invité]

Bonjour, essayé de placé ceci dans généralité:

Code:

<div class="ascenseur">
<a href="#top"><img src="http://img198.imageshack.us/img198/1585/flechehaut.png" /></a>

<br />

<a href="#bottom"><img src="http://img121.imageshack.us/img121/4412/flechebas.png" /></a>
</div>

Ensuite allez dans feuille de style et placé ceci:

Code:

.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 50px; /*--- On le place à 50 px du haut de l'écran ---*/
left: 0px; /*--- On le place à 0px de la gauche de l'écran ---*/
background-color: #e7dfcf; /*--- On donne une couleur au fond ---*/
-moz-border-radius: 0px 35px 35px 0px; /*--- On arrondit les bords ---*/
-webkit-border-radius: 0px 35px 35px 0px;
border-radius: 0px 35px 35px 0px;
}

Bien sur a modifier selon votre envie. vous ne devez pas supprimé les /*--- et ---*/ il ne sont pas vu par les navigateur. Bonne journée

[bossy]

ca m'interesse aussi mais ou sont les feuilles de style s'il vous plait ??

[bossy]

c'est bon j'ai trouvé tout seul ^^

[Jiben]

Salut,

il faut le placer dans une Page HTML votre Code.

[Dirty Prince]

Bonjour et merci pour ces réponses !

Donc, juste, avant que je me prenne la tête avec un truc, je fais comment, page HTML indépendante, ou bien généralité/CSS ?

EDIT : La solution CSS/message a fonctionné ! Merci beaucoup ! =DD

[Jiben]

N'oublie pas de mettre résolu