|
|
|
|
Bonjour,
je souhaite créer une barre verticale flottante sur la gauche de ma page web avec des flèches de navigation haut, bas, page précédente, etc...comme sur ce site http://www.immortelleegypte.com/index.php
quelqu'un aurait il un code javascript correspondant à ça?
merci d'avance
didier
Configuration: Windows XP Firefox 3.0.5
Salut !
|
La meilleure manière d'apprendre le xHTML/CSS, c'est d'aller sur le site du zero ;)
|
1) je n'ai pas de class menu_item et ça marche quand même, que dois je modifier?
|
Salut encore
<!-- Code CSS pour Firefox, Safari, Opera, Internet Explorer 7... -->
<style type="text/css" media="screen">
#fixed {
position: fixed;
top:50%;
z-index : 200
}
</style>
<!-- Code CSS pour Internet Explorer 6 -->
<!--[if lte IE 6]>
<style type="text/css" media="screen">
#fixed {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + this.offsetHeight - this.offsetHeight);
}
</style>
<![endif]-->
mon code dans le <body> !-- Début essai barre à gauche -->
<div id="fixed">
<a href=#top title="Aller en haut de page - Go up" >
<img style="z-index : 200; border: 0px ; position: fixed;
class="menu_item" src="http://chazaldidier.free.fr/micro_ardoise_haut25x25.jpg" alt="haut de page"/></a>
<a href=#foot title="Aller en bas de page - Go down" >
<img vspace="35" style="z-index : 200; border: 0px ; position: fixed;
class="menu_item" src="http://chazaldidier.free.fr/micro_ardoise_bas25x25.jpg" alt="bas de page"/></a>
</div>
<!-- FIN essai barre à gauche -->
faut il modifier quelque chose? merci et A+ didier |
Salut
<div id="fixed">
<a href=#top title="Aller en haut de page - Go up" >
<img style="z-index : 200; border: 0px ; position: fixed;
class="menu_item" src="http://chazaldidier.free.fr/micro_ardoise_haut25x25.jpg" alt="haut de page"/></a>
<a href=#foot title="Aller en bas de page - Go down" >
<img vspace="35" style="z-index : 200; border: 0px ; position: fixed;
class="menu_item" src="http://chazaldidier.free.fr/micro_ardoise_bas25x25.jpg" alt="bas de page"/></a>
</div>
A+ didier |
Salut
<!-- Début essai barre à gauche -->
<div id="fixed">
<a href=#top title="Aller en haut de page - Go up" >
<img style="z-index : 200; border: 0px ; "
class="menu_item" src="http://chazaldidier.free.fr/micro_ardoise_haut25x25.jpg" alt="haut de page"/></a>
<a href=#foot title="Aller en bas de page - Go down" >
<img style="margin-left:40px;z-index : 200; border: 0px ; "
class="menu_item" src="http://chazaldidier.free.fr/micro_ardoise_bas25x25.jpg" alt="bas de page"/></a>
</div>
<!-- FIN essai barre à gauche -->
si je mets un margin-top comme ci dessous ça me descend les 2 flèches vers le bas et elles restent sur la même ligne !-- Début essai barre à gauche -->
<div id="fixed">
<a href=#top title="Aller en haut de page - Go up" >
<img style="z-index : 200; border: 0px ; "
class="menu_item" src="http://chazaldidier.free.fr/micro_ardoise_haut25x25.jpg" alt="haut de page"/></a>
<a href=#foot title="Aller en bas de page - Go down" >
<img style="margin-top:200px;z-index : 200; border: 0px ; "
class="menu_item" src="http://chazaldidier.free.fr/micro_ardoise_bas25x25.jpg" alt="bas de page"/></a>
</div>
<!-- FIN essai barre à gauche -->
je n'arrive pas à en descendre l'une en dessous de l'autre A+ didier |
Je l'ai rajouté
#fixed {
position: fixed;
top:50%;
z-index : 200;
}
#menu_item {
display: block;
}
mon code: <div id="fixed">
<a href=#top title="Aller en haut de page - Go up" >
<img style="z-index : 200; border: 0px ; "
class="menu_item" src="http://chazaldidier.free.fr/micro_ardoise_haut25x25.jpg" alt="haut de page"/></a>
<a href=#foot title="Aller en bas de page - Go down" >
<img style="margin-top:200px;z-index : 200; border: 0px ; "
class="menu_item" src="http://chazaldidier.free.fr/micro_ardoise_bas25x25.jpg" alt="bas de page"/></a>
</div>
A+ didier |
Salut.
<!-- Code CSS pour Firefox, Safari, Opera, Internet Explorer 7... -->
<style type="text/css" media="screen">
#fixed_haut {
position: fixed;
top:50%;
z-index : 200;
}
#fixed_bas {
position: fixed;
top:55%;
z-index : 200;
}
#menu_item {
display: block;
}
</style>
<!-- Code CSS pour Internet Explorer 6 -->
<!--[if lte IE 6]>
<style type="text/css" media="screen">
#fixed {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + this.offsetHeight - this.offsetHeight);
}
</style>
<![endif]-->
</head>
<body<?php if (!empty($loader)) { echo " onload=\"".$loader."\""; } if (!empty($unloader)) { echo " onunload=\"".$unloader."\""; } ?>>
<!-- Début essai barre à gauche -->
<div id="fixed_haut">
<a href=#top title="Aller en haut de page - Go up" >
<img style="z-index : 200; border: 0px ; "
class="menu_item" src="http://chazaldidier.free.fr/micro_ardoise_haut25x25.jpg" alt="haut de page"/></a>
</div>
<div id="fixed_bas">
<a href=#foot title="Aller en bas de page - Go down" >
<img style="margin-top:10px;z-index : 200; border: 0px ; "
class="menu_item" src="http://chazaldidier.free.fr/micro_ardoise_bas25x25.jpg" alt="bas de page"/></a>
</div>
<!-- FIN essai barre à gauche -->
merci A+ didier |
Répondre à KorriganVehuiah
|
Barre de tache verticale Barre des taches gauche ecran Comment supprimer une barre d'outil verticale à gauche du bureau Creation barre d'outils sous windows xp Creation de code barre sur word Creer barre de défilement excel Creer raccourci bueau barre de tache Création d'une vidéothèque avec ders code barre Création de codes barres Créer barre de recherche Créer barre navigation forum Ecran plasma une barre noir vertical sur l'écran Firefox 3.5.5 barre de défilement à gauche Html creer barre J ai un probleme avec ma barre d outil qui c est mise sur le côté gauche,je veux la remettre en bas,comment? Problème écran barres verticales colorées Vba excel créé une barre d'outils Xps m1330 écran barre verticales
