Problème avec le tuto de menu déroulant

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

Résolu Problème avec le tuto de menu déroulant

Message par Aleksandr le Lun 9 Aoû 2010 - 15:08

Bonjour, voilà récemment j'ai voulut améliorer le sort de mon forum (comme tout le monde) en créant un menu déroulant dont j'ai trouvé un tuto ici : http://forum.forumactif.com/trucs-et-astuces-f8/scripts-installation-menu-deroulant-t186834.htm

L'idée était de faire un menu comme présenté dans le troisième et dernier post de ce topic soit, un menu déroulant horizontale. J'ai tout suivi, comme le disait le tuto et j'ai réussit à faire un menu déroulant, le problème c'est qu'il est verticale...

Ma question est donc : comment changer l'alignement de ce menu afin de le rendre horizontale ?
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: ;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #6699FF;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #3399FF;
}
#menu li a, #menu dt a {
color: #0066CC;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #33CCFF;
}
-->
</style>
<!-- FIN DU CSS -->

<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="http://www.hamorya.com/index.htm" title="Retour à l'accueil">Accueil</a></dt>
</dl>


<dl>
<dt onmouseover="javascript:montre('smenu1');">La Ville d'Hamorya</dt>
<dd id="smenu1">
<ul>
<li><a href="http://www.hamorya.com/les-champs-du-pelenemos-f148/">Les Champs du Pélénémos</a></li>
<li><a href="http://www.hamorya.com/la-grande-porte-f12/">La Grande Porte</a></li>
<li><a href="http://www.hamorya.com/les-murailles-f13/">Les Murailles</a></li>
<li><a href="http://www.hamorya.com/les-rues-blanches-f14/">Les Rues Blanches</a></li>
<li><a href="http://www.hamorya.com/le-port-f104/">Le Port</a></li>
<li><a href="http://www.hamorya.com/le-chateau-d-or-f16/">Le Château d'Or</a></li>
</ul>
</dd>
</dl>


<dl>
<dt onmouseover="javascript:montre('smenu2');">Les Montagnes de Norskgard</dt>
<dd id="smenu2">
<ul>
<li><a href="http://www.hamorya.com/la-plaine-de-la-beguiza-f21/">La plaine de la Béguiza</a></li>
<li><a href="http://www.hamorya.com/la-norcadie-f22/">La Norcadie</a></li>
<li><a href="http://www.hamorya.com/les-montagnes-f23/">Les Montagnes</a></li>
<li><a href="http://www.hamorya.com/la-ville-de-norskgard-f24/">La ville de Norskgard</a></li>
<li><a href="http://www.hamorya.com/la-banque-f154/">La Banque</a></li>
</ul>
</dd>
</dl>


<dl>
<dt onmouseover="javascript:montre('smenu3');">La Forêt Ainaïsal</dt>
<dd id="smenu3">
<ul>
<li><a href="http://www.hamorya.com/les-marais-f29/">Les Marais</a></li>
<li><a href="http://www.hamorya.com/le-bois-sombre-f30/">Le Bois Sombre</a></li>
<li><a href="http://www.hamorya.com/la-foret-d-argent-f31/">La Forêt d'Argent</a></li>
<li><a href="http://www.hamorya.com/la-ville-d-ainaisal-f32/">La ville d'Ainaïsal</a></li>
<li><a href="http://www.hamorya.com/le-tribunal-f151/">Le Tribunal</a></li>
</ul>
</dd>
</dl>


<dl>
<dt onmouseover="javascript:montre('smenu4');">Le Désert de Sudin</dt>
<dd id="smenu4">
<ul>
<li><a href="http://www.hamorya.com/les-steppes-de-kristrum-f36/">Les Steppes de Kristrum</a></li>
<li><a href="http://www.hamorya.com/les-marches-du-desert-f38/">Les Marches du Désert</a></li>
<li><a href="http://www.hamorya.com/le-desert-f37/">Le Désert</a></li>
<li><a href="http://www.hamorya.com/la-ville-de-sudin-f39/">La ville de Sudin</a></li>
<li><a href="http://www.hamorya.com/l-arene-f105/">L'Arène</a></li>
</ul>
</dd>
</dl>


<dl>
<dt onmouseover="javascript:montre('smenu5');">Autres lieux</dt>
<dd id="smenu5">
<ul>
<li><a href="http://www.hamorya.com/l-universite-de-magie-f74/">L'Université de Magie</a></li>
<li><a href="http://www.hamorya.com/exogonia-c11/">Exogonia</a></li>
<li><a href="http://www.hamorya.com/le-cercle-des-nations-f45/">Le Cercle des Nations</a></li>
<li><a href="http://www.hamorya.com/le-temple-de-l-eau-f18/">Le Temple de l'Eau</a></li>
<li><a href="http://www.hamorya.com/le-temple-de-la-terre-f26/">Le Temple de la Terre</a></li>
<li><a href="http://www.hamorya.com/le-temple-de-l-air-f34/">Le Temple de l'Air</a></li>
<li><a href="http://www.hamorya.com/le-temple-du-feu-f42/">Le Temple du Feu</a></li>
<li><a href="http://www.hamorya.com/les-mers-et-oceans-c12/">Les mers et océans</a></li>
</ul>
</dd>
</dl>


</div>

Merci


Dernière édition par Aleksandr le Sam 11 Sep 2010 - 13:43, édité 1 fois

Aleksandr
**

Masculin
Messages : 75
Inscrit(e) le : 24/06/2006

http://hamorya.jdrforum.com
Aleksandr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le tuto de menu déroulant

Message par Xuĕ le Mar 10 Aoû 2010 - 6:28

chalut


et dans l'aperçu ici c'est ce que tu considères un menu horizontal ? ^_^

Xuĕ
****

Messages : 328
Inscrit(e) le : 04/03/2010

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

Résolu Re: Problème avec le tuto de menu déroulant

Message par Aleksandr le Mar 10 Aoû 2010 - 15:20

Oui, en tout cas c'est comme ça qu'il est nommé par le créateur du Tuto

Aleksandr
**

Masculin
Messages : 75
Inscrit(e) le : 24/06/2006

http://hamorya.jdrforum.com
Aleksandr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le tuto de menu déroulant

Message par Aleksandr le Mer 11 Aoû 2010 - 9:59

up

Aleksandr
**

Masculin
Messages : 75
Inscrit(e) le : 24/06/2006

http://hamorya.jdrforum.com
Aleksandr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le tuto de menu déroulant

Message par Aleksandr le Lun 16 Aoû 2010 - 12:30

up

Aleksandr
**

Masculin
Messages : 75
Inscrit(e) le : 24/06/2006

http://hamorya.jdrforum.com
Aleksandr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le tuto de menu déroulant

Message par Ea le Dim 29 Aoû 2010 - 16:09

Bonjour,

Où en est votre problème ? Est il résolu résolu ?
_____________________

Si vous n'avez pas eu de solutions, relancer régulièrement votre sujet (toutes les 24 heures au minimum).
Et pensez à expliquer votre problème règulièrement, à chercher par vous même et montrez que vous cherchez de votre côté et pas que vous attendez simplement d'une réponse.

_____________________

Lorsqu'un sujet est résolu :

  • Cliquez sur le bouton de votre premier message du sujet.

  • Cochez en dessous de la zone de message


  • Enfin validez avec le bouton



Pour remercier ceux qui vous ont aidés vous pouvez cliquer sur merci

A bientôt sur ForumActif
Smile

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

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

Résolu Re: Problème avec le tuto de menu déroulant

Message par Aleksandr le Lun 30 Aoû 2010 - 20:05

Non, problème toujours présent

Aleksandr
**

Masculin
Messages : 75
Inscrit(e) le : 24/06/2006

http://hamorya.jdrforum.com
Aleksandr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le tuto de menu déroulant

Message par shishiblue le Lun 6 Sep 2010 - 19:25

J'ai exactement le même problème alors que je souhaite l'inserer dans ma PA.

Donc je suis interessée par une solution si quelqu'un en a une, merci ^^

shishiblue
*

Messages : 32
Inscrit(e) le : 12/06/2006

http://gardena.heavenforum.com
shishiblue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le tuto de menu déroulant

Message par Aleksandr le Lun 6 Sep 2010 - 21:10

up

Aleksandr
**

Masculin
Messages : 75
Inscrit(e) le : 24/06/2006

http://hamorya.jdrforum.com
Aleksandr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le tuto de menu déroulant

Message par Damlock le Mar 7 Sep 2010 - 12:40

Salut,

J'avais eut le même soucis, la solution assez simple que j'avais trouvé c'est de reprendre le code source de la page. Clic droit->afficher la source. Au moins vous serez sûr d'avoir la même chose (CSS et HTML).
Je n'ai pas regardé la différence de code entre la version posté et celle publié par contre.

Damlock
Nouveau membre

Messages : 5
Inscrit(e) le : 11/08/2008

http://www.luxsemperfidelis.com/
Damlock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le tuto de menu déroulant

Message par shishiblue le Ven 10 Sep 2010 - 20:36

Chez moi ça marche!

Merci beaucoup Damlock Very Happy

shishiblue
*

Messages : 32
Inscrit(e) le : 12/06/2006

http://gardena.heavenforum.com
shishiblue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le tuto de menu déroulant

Message par Aleksandr le Sam 11 Sep 2010 - 13:42

Pareillement Smile Merci Beaucoup Smile

Aleksandr
**

Masculin
Messages : 75
Inscrit(e) le : 24/06/2006

http://hamorya.jdrforum.com
Aleksandr 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