Menu qui ne veut pas rester fixe.

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

Résolu Menu qui ne veut pas rester fixe.

Message par Invité le Sam 12 Nov 2011 - 18:10

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 : http://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:
J'ai essayé de le fixer avec un code mais rien à faire. Si quelqu'un pourrait m'aider.

Merci & bonne soirée.


Dernière édition par Natsuo le Ven 25 Nov 2011 - 17:05, édité 2 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu qui ne veut pas rester fixe.

Message par Invité le Sam 12 Nov 2011 - 18:11

Bug)

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu qui ne veut pas rester fixe.

Message par Invité le Lun 14 Nov 2011 - 0:23

Up.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu qui ne veut pas rester fixe.

Message par Invité le Mar 15 Nov 2011 - 12:37

Up.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu qui ne veut pas rester fixe.

Message par Invité le Jeu 17 Nov 2011 - 12:55

Up.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu qui ne veut pas rester fixe.

Message par Anzu le Ven 18 Nov 2011 - 13:44



Bonjour,

Il me faudrait les codes utilisés si c'est possible Smile

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu qui ne veut pas rester fixe.

Message par Invité le Sam 19 Nov 2011 - 16:04

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é a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu qui ne veut pas rester fixe.

Message par Invité le Mar 22 Nov 2011 - 17:17

Up.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu qui ne veut pas rester fixe.

Message par Anzu le Mar 22 Nov 2011 - 17:43

Bonsoir,

Mes excuses pour le retard. Il me faudrait également le code du "tableau". µ

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu qui ne veut pas rester fixe.

Message par Invité le Jeu 24 Nov 2011 - 11:16

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é


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu qui ne veut pas rester fixe.

Message par Anzu le Jeu 24 Nov 2011 - 14:36

Bonjour,

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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu qui ne veut pas rester fixe.

Message par Invité le Ven 25 Nov 2011 - 17:04

Merci infiniment pour votre aide, c'etait ça!

Invité
Invité


Invité 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