Menu qui ne veut pas rester fixe.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Menu qui ne veut pas rester fixe.
Bonjour,
Je rencontre un problème avec mon menu qui est de type accordéon. Je l'avais en parti réalisé grâce à cette aide : https://forum.forumactif.com/t316384-accordeon
Une amie m'a fait remarqué un detail que je n'avais pas du tout vu. Lorsque la fenêtre est en pleine écran mon bloc principale reste au bond endroit mais lorsque je la rétréci un peu plus il se déplace de cette manière : (c'est à dire, glisse en dessous)
Merci & bonne soirée.
Je rencontre un problème avec mon menu qui est de type accordéon. Je l'avais en parti réalisé grâce à cette aide : https://forum.forumactif.com/t316384-accordeon
Une amie m'a fait remarqué un detail que je n'avais pas du tout vu. Lorsque la fenêtre est en pleine écran mon bloc principale reste au bond endroit mais lorsque je la rétréci un peu plus il se déplace de cette manière : (c'est à dire, glisse en dessous)
- Spoiler:
Merci & bonne soirée.
Dernière édition par Natsuo le Ven 25 Nov 2011 - 17:05, édité 2 fois
Invité- Invité
Invité- Invité
Invité- Invité
Invité- Invité
Invité- Invité
Re: Menu qui ne veut pas rester fixe.
Bonjour,
Il me faudrait les codes utilisés si c'est possible
Cordialement.
Re: Menu qui ne veut pas rester fixe.
Merci de votre aide, voici le CSS utilisé :
- Spoiler:
- Code:
#basic-accordian{
padding:5px;
position:absolute;
z-index:2;
}
.accordion_headings{
padding:5px;
border: #1a1a1a solid 5px;
border-radius: 10px 10px 10px 10px;
background-color: #212121;
cursor:pointer;
font-weight:bold;
height: 30px;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
font-family: tienne;
text-transform: uppercase;
font-size: 14px;
color: #6C6C6C;
text-align: right;
text-shadow: 3px 3px 3px #000000;
}
.accordion_headings:hover{
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
.accordion_child{
padding:6px;
border: #1a1a1a solid 5px;
border-radius: 10px 10px 10px 10px;
background-color: #212121;
height: 280px;
margin-left: 10px;
}
.header_highlight{
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
Invité- Invité
Invité- Invité
Re: Menu qui ne veut pas rester fixe.
Bonsoir,
Mes excuses pour le retard. Il me faudrait également le code du "tableau". µ
Cordialement.
Mes excuses pour le retard. Il me faudrait également le code du "tableau". µ
Cordialement.
Re: Menu qui ne veut pas rester fixe.
Ce n'est rien, je voici :
- Code:
<script type="text/javascript" src="http://www.archive-host.com/files/1269323/f17502e25e03a852c4a57f3b57fa62a645949248/accordianpack.js"></script><div class="menupafond"><body onload="new Accordian('basic-accordian',5,'header_highlight');">
<div id="basic-accordian" >
<div style="width:220px; float:left">
<div id="test1-header" class="accordion_headings header_highlight" ><div style=" margin-top: 9px;">Blabla</div></div>
<div id="test2-header" class="accordion_headings" ><div style=" margin-top: 9px;">blabla</div></div>
<div id="test3-header" class="accordion_headings" ><div style=" margin-top: 9px;">blabla</div></div>
<div id="test4-header" class="accordion_headings" ><div style=" margin-top: 9px;">blabla</div></div>
<div id="test5-header" class="accordion_headings" ><div style=" margin-top: 9px;">blabla</div></div>
<div id="test6-header" class="accordion_headings" ><div style=" margin-top: 9px;">blabla</div></div>
</div>
<div style="float: right; width:535px;">
<div id="test1-content">
<div class="accordion_child">
Here you will find more about us<br /><br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
</div>
</div>
<div id="test2-content">
<div class="accordion_child">
Here you will find more about us<br /><br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
</div>
</div>
</div><div id="test3-content">
<div class="accordion_child">
Here you will find more about us<br /><br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
</div>
</div><div id="test4-content">
<div class="accordion_child">
Here you will find more about us<br /><br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
</div>
</div><div id="test5-content">
<div class="accordion_child">
Here you will find more about us<br /><br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
</div>
</div><div id="test6-content">
<div class="accordion_child">
Here you will find more about us<br /><br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
</div>
</div>
</div>
</div>
Invité- Invité
Re: Menu qui ne veut pas rester fixe.
Bonjour,
Remplacez votre code par celui ci:
Cordialement.
Remplacez votre code par celui ci:
- Code:
<script type="text/javascript" src="http://www.archive-host.com/files/1269323/f17502e25e03a852c4a57f3b57fa62a645949248/accordianpack.js"></script><div class="menupafond"><body onload="new Accordian('basic-accordian',5,'header_highlight');">
<div id="basic-accordian" >
<table width="100%"><tr><td style="width: 220px;">
<div id="test1-header" class="accordion_headings header_highlight" ><div style=" margin-top: 9px;">Blabla</div></div>
<div id="test2-header" class="accordion_headings" ><div style=" margin-top: 9px;">blabla</div></div>
<div id="test3-header" class="accordion_headings" ><div style=" margin-top: 9px;">blabla</div></div>
<div id="test4-header" class="accordion_headings" ><div style=" margin-top: 9px;">blabla</div></div>
<div id="test5-header" class="accordion_headings" ><div style=" margin-top: 9px;">blabla</div></div>
<div id="test6-header" class="accordion_headings" ><div style=" margin-top: 9px;">blabla</div></div>
</div>
</td><td>
<div id="test1-content">
<div class="accordion_child">
Here you will find more about us<br /><br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
</div>
</div>
<div id="test2-content">
<div class="accordion_child">
Here you will find more about us<br /><br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
</div>
</div>
</div><div id="test3-content">
<div class="accordion_child">
Here you will find more about us<br /><br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
</div>
</div><div id="test4-content">
<div class="accordion_child">
Here you will find more about us<br /><br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
</div>
</div><div id="test5-content">
<div class="accordion_child">
Here you will find more about us<br /><br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
</div>
</div><div id="test6-content">
<div class="accordion_child">
Here you will find more about us<br /><br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
</div>
</div>
</td></tr></table>
Cordialement.
Re: Menu qui ne veut pas rester fixe.
Merci infiniment pour votre aide, c'etait ça!
Invité- Invité
Sujets similaires
» Forcer un sujet à rester en haut
» Rester sur le portail lors de la connexion
» Rester connecté sur la chatbox
» rester en package gratuit.
» Impossible de rester connecté sur Hitskin
» Rester sur le portail lors de la connexion
» Rester connecté sur la chatbox
» rester en package gratuit.
» Impossible de rester connecté sur Hitskin
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum