Menu Horizontal

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

Résolu Menu Horizontal

Message par Satsu Black le Lun 15 Aoû 2011 - 15:49

Bonjour! j'ai un probleme un peu dur a expliquer ^^"

j'ai un menu, quand tu clique sur les titres, sa fait un peu comme un spoiler et s'ouvre ce qu'il y a dedans, le seule probleme, c'est que lorsqu'il souvre, il ne souvre que de la largeur du titre, moi j'aimerai qu'il souvre sur tout la largeur de la page d'acceuil...

Une image qui peut aider :
Spoiler:

ainsi que mon code :
Spoiler:
Code:



    <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: http://img11.hostingpics.net/pics/193653FondCopieCopieCopie.png;
    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: #BF5050;
    border: 1px #BF5050;
    margin: 1px;
    }
    #menu dd {
    display: none;
    border: 1px #BF5050;
    }
    #menu li {
    text-align: center;
    background: #BF5050;
    }
    #menu li a, #menu dt a {
    color: #451919;
    text-decoration: none;
    display: block;
    height: 100%;
    border: 0 none;
    }
    #menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
    background:#BF5050;
    }
    #site {
    position: absolute;
    z-index: 1;
    top : 70px;
    left : 10px;
    color: #BF5050;
    background-color: #ddd;
    padding: 5px;
    border: 1px #BF5050;
    }
    -->
    </style><div id="menu">
    <dl>
    <dt onclick="javascript:montre();">Accueil</dt>
    </dl>
    <dl>       
    <dt onclick="javascript:montre('smenu1');">Contexte</dt>
    <dd id="smenu1">
    <ul><div class="photo"><img src="mon image" alt="une image" /></div><div class="contenu"> blablablablabla </div>

  <li><font color="black">"Le passé et le présent sont nos moyens ; le seul avenir est notre fin.
Mais qu'arrivera t-il au immortelle, qui de leur vie, ne la connaitra point?"</li></font>

    </ul>
    </dd>
    </dl>
    <dl> 
    <dt onclick="javascript:montre('smenu2');">Actuellement</dt>
    <dd id="smenu2">
    <ul>
    <li><a href="">Sous-Menu 2.1</a></li>
    <li><a href="">Sous-Menu 2.2</a></li>
    <li><a href="">Sous-Menu 2.3</a></li>
    <li><a href="">Sous-Menu 2.4</a></li>
    </ul>
    </dd>
    </dl>
    <dl> 
    <dt onclick="javascript:montre('smenu3');">Staff</dt>
    <dd id="smenu3">
    <ul>
    <li><a href="">Sous-Menu 3.1</a></li>
    <li><a href="">Sous-Menu 3.2</a></li>
    <li><a href="">Sous-Menu 3.3</a></li>
    <li><a href="">Sous-Menu 3.4</a></li>
    <li><a href="">Sous-Menu 3.5</a></li>
    </ul>
    </dd>
    </dl>
    <dl> 
    <dt onclick="javascript:montre('smenu4');">Partenaires</dt>
    <dd id="smenu4">
    <ul>
    <li><a href="">Sous-Menu 4.1</a></li>
    <li><a href="">Sous-Menu 4.2</a></li>
    <li><a href="">Sous-Menu 4.3</a></li>
    </ul>
    </dd>
    </dl>
    </div>

Voila, j’espère avoir était assez clair, auquel cas, demander moi si vous avez besoin de plus de précision
merci de votre aide!


Dernière édition par Satsu Black le Mar 23 Aoû 2011 - 16:22, édité 1 fois

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu Horizontal

Message par Satsu Black le Mar 16 Aoû 2011 - 10:03

UP!

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu Horizontal

Message par Satsu Black le Mer 17 Aoû 2011 - 13:21

UP!

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu Horizontal

Message par Satsu Black le Jeu 18 Aoû 2011 - 9:23

...UP!

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu Horizontal

Message par Satsu Black le Ven 19 Aoû 2011 - 12:08

Up!!

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu Horizontal

Message par Satsu Black le Sam 20 Aoû 2011 - 11:36

UP!

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu Horizontal

Message par Satsu Black le Lun 22 Aoû 2011 - 11:57

hmm si c'est impossible a faire merci de me prévenir ou de me donner une solution qui s'en rapproche ><
UP!

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu Horizontal

Message par Satsu Black le Mar 23 Aoû 2011 - 10:51

si c'est impossible a faire merci de me prévenir ou de me donner une solution qui s'en rapproche ><
UP!

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu Horizontal

Message par Invité le Mar 23 Aoû 2011 - 15:25

Bonjour,

Je vous invite à consulter cette astuce:
> http://forum.forumactif.com/t310879-3-tableaux-a-onglets-pour-le-message-d-accueil
Il me semble qu'elle vous permettra de réaliser ce que vous souhaitez.

Cordialement.

Invité
Invité


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

Résolu Re: Menu Horizontal

Message par Satsu Black le Mar 23 Aoû 2011 - 16:22

Oh mon Dieu merci!
C'est exactement ce que je souhaitait , il ne me reste plus qu'a suivre ce tuto!
merci de tout coeur! Very Happy

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black 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