Aimerait rendre un menu Fixe Flottant s.v.p.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Aimerait rendre un menu Fixe Flottant s.v.p.

Message par ghosthell le Sam 18 Juin 2011 - 17:59

Bonjours//Soirs

Sur mon site j'ai un menu en haut de ma page et j'aimerait pouvoir le rendre flottant. Pour qui decendre en même temps que l'utilisateur décend la page.

Voici l'adresse du site concerné: http://the-wave.forumgratuit.org/

et voici le code en question:

Code:

</// Menu Déroulant en Haut - START >
<center>
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
  for (var i = 1; i<=10; i++) {
      if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
  }
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: #FFFFFF;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #322F30;
border: 1px solid white;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #646470;
}
#menu li a, #menu dt a {
color: #000000;
text-decoration: none;
display: block;
height: 100%;
border: 1px solid gray;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #FFFFFF;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #FFFFFF;
background-color: ;
padding: 5px;
border: 1px solid gray;
}
dd { position:absolute;z-index: 500; }
#menu { height:30px; }
</center>
-->
</style>
<center>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="http://the-wave.forumgratuit.org/" title="Retour a  l'accueil">Accueil</a></dt>
</dl>
<dl>       
<dt onmouseover="javascript:montre('smenu1');">Le hall d'entrée</dt>
<dd id="smenu1">
<ul>
<li><b><u>Annonces & sondages</u></b></a></li>
<li><a href="http://the-wave.forumgratuit.org/f15-annonces">Annonces</a></li>
<li><a href="http://the-wave.forumgratuit.org/f16-sondages">Sondages</a></li>
<li><b><u>L'auberge</u></b></a></li>
<li><a href="http://the-wave.forumgratuit.org/f2-presentation">Présentation</a></li>
<li><a href="http://the-wave.forumgratuit.org/f3-taverne">Taverne</a></li>
<li><a href="http://the-wave.forumgratuit.org/f24-jeux">Jeux</a></li>
<li><a href="http://the-wave.forumgratuit.org/f22-revelation">Révélation</a></li>
<li><a href="http://the-wave.forumgratuit.org/f10-questions">Questions</a></li>
<li><b><u>Role play</u></b></a></li>
<li><a href="http://the-wave.forumgratuit.org/f42-best-of-rp">Best of RP</a></li>
<li><a href="http://the-wave.forumgratuit.org/f41-vos-rp">Vos RP</a></li>
</ul>
</dd>
</dl>
<dl> 
<dt onmouseover="javascript:montre('smenu2');">Mangas</dt>
<dd id="smenu2">
<ul>
<li><a href="http://the-wave.forumgratuit.org/f1-telechargements">Téléchargements</a></li>
<li><a href="http://the-wave.forumgratuit.org/f7-ajouts-de-telechargement">Ajouts de téléchargement</a></li>
<li><a href="http://the-wave.forumgratuit.org/f11-parlons-mangas">Parlons mangas</a></li>
<li><a href="http://the-wave.forumgratuit.org/f19-notes-et-presentations">Notes et présentations</a></li>
<li><a href="http://the-wave.forumgratuit.org/f21-galerie">Galerie</a></li>
<li><a href="http://the-wave.forumgratuit.org/f12-demandes-d-ajout">Demandes d'ajout</a></li>
</ul>
</dd>
</dl>
<dl> 
<dt onmouseover="javascript:montre('smenu3');">Films & animés</dt>
<dd id="smenu3">
<ul>
<li><a href="http://the-wave.forumgratuit.org/f4-telechargements-films">Téléchargements films</a></li>
<li><a href="http://the-wave.forumgratuit.org/f43-telechargements-animes">Téléchargements animés</a></li>
<li><a href="http://the-wave.forumgratuit.org/f6-ajouts-de-telechargement">Ajouts de téléchargement</a></li>
<li><a href="http://the-wave.forumgratuit.org/f14-parlons-films">Parlons films</a></li>
<li><a href="http://the-wave.forumgratuit.org/f44-parlons-animes">Parlons animés</a></li>
<li><a href="http://the-wave.forumgratuit.org/f20-notes-et-presentations">Notes et présentations</a></li>
<li><a href="http://the-wave.forumgratuit.org/f13-demandes-d-ajout">Demandes d'ajout</a></li>
</ul>
</dd>
</dl>

 
<dl> 
<dt onmouseover="javascript:montre('smenu4');">Jeux PC & cie</dt>
<dd id="smenu4">
<ul>
<li><a href="http://the-wave.forumgratuit.org/f25-jeux-en-ligne">Jeux en ligne</a></li>
<li><a href="http://the-wave.forumgratuit.org/f35-jeux-de-pc">Jeux de PC</a></li>
<li><a href="http://the-wave.forumgratuit.org/f26-parlons-jeux">Parlons Jeux</a></li>
</ul>
</dd>
</dl>


<dl> 
<dt onmouseover="javascript:montre('smenu5');">Art</dt>
<dd id="smenu5">
<ul>
<li><a href="http://the-wave.forumgratuit.org/f38-galeries-artistiques-et-graphiques">Galeries artistiques et graphiques</a></li>
<li><a href="http://the-wave.forumgratuit.org/f39-parlons-art">Parlons Art</a></li>
</ul>
</dd>
</dl>


<dl> 
<dt onmouseover="javascript:montre('smenu6');">L'arrière cuisine</dt>
<dd id="smenu6">
<ul>
<li><b><u>Niveaux/Staff</u></b></li>
<li><a href="http://the-wave.forumgratuit.org/f18-staff">Staff</a></li>
<li><a href="http://the-wave.forumgratuit.org/f17-niveaux">Niveaux</a></li>
<li><b><u>Livre d'or & améliorations</u></b></a></li>
<li><a href="http://the-wave.forumgratuit.org/f9-ameliorations">Améliorations</a></li>
<li><a href="http://the-wave.forumgratuit.org/f5-livre-d-or">Livre d'or</a></li>
</ul>
</dd>
</dl>

<dl> 
<dt onmouseover="javascript:montre('smenu7');">Liens morts & cie</dt>
<dd id="smenu7">
<ul>
<li><a href="http://the-wave.forumgratuit.org/f8-liens-morts-liens-payants">Liens morts & Liens payants</a></li>
<li><a href="http://the-wave.forumgratuit.org/f36-signalement-de-bug">Signalement de Bug</a></li>
<li><a href="http://the-wave.forumgratuit.org/f23-signalement-d-image-manquante-ou-alteree">Signalement d'image Manquante</a></li>
</ul>
</dd>
</dl>

<dl> 
<dt onmouseover="javascript:montre('smenu8');">Admin</dt>
<dd id="smenu8">
<ul>
<li><b><u>      !!! Lien inaccessible si vous êtes pas un ADMINISTRATEUR !!!</u></b></li>
<li><a href="http://the-wave.forumgratuit.org/admin/index.forum?part=admin&tid=3e831ca4c9149ce86ca6796f0f50103d">Administration</a></li>
<li><a href="http://the-wave.forumgratuit.org/f45-corbeille?tt=1">Corbeille</a></li>


</ul>
</dd>
</dl>




</div>
</center>
</// Menu Déroulant en Haut - END >

Merci beaucoup en avance pour votre aide ^^


Dernière édition par ghosthell le Mar 28 Juin 2011 - 4:13, édité 1 fois

ghosthell
***

Masculin
Messages : 143
Inscrit(e) le : 13/11/2009

http://www.mc-vendetta.forumactif.com
ghosthell a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aimerait rendre un menu Fixe Flottant s.v.p.

Message par SoraNoHime le Dim 19 Juin 2011 - 5:14

Bonjour,

essayez de changer absolute par fixed dans le code :

#site {
position: absolute;
z-index: 1;
top : 70px;

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aimerait rendre un menu Fixe Flottant s.v.p.

Message par ghosthell le Dim 19 Juin 2011 - 5:28

J'ai déja essayer ^^

ghosthell
***

Masculin
Messages : 143
Inscrit(e) le : 13/11/2009

http://www.mc-vendetta.forumactif.com
ghosthell a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aimerait rendre un menu Fixe Flottant s.v.p.

Message par Sen Hime le Mar 21 Juin 2011 - 21:01

Essayez d'ajouter la position "fixed" à l'élément #menu ?
Code:

#menu
{
position: fixed;
}

Sen Hime
****

Féminin
Messages : 243
Inscrit(e) le : 24/03/2009

http://hyrulesjourney.fr-bb.com
Sen Hime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aimerait rendre un menu Fixe Flottant s.v.p.

Message par ghosthell le Mar 28 Juin 2011 - 4:13

désolé du retard mais je vient de tester et cela fonctionne a merveille Merci beaucoup

* Je passe en résolu *

ghosthell
***

Masculin
Messages : 143
Inscrit(e) le : 13/11/2009

http://www.mc-vendetta.forumactif.com
ghosthell a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum