Problème avec le tuto de menu déroulant
5 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème avec le tuto de menu déroulant
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 : https://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 ?
Merci
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
Xuĕ- ****
- Messages : 328
Inscrit(e) le : 04/03/2010
Re: Problème avec le tuto de menu déroulant
Oui, en tout cas c'est comme ça qu'il est nommé par le créateur du Tuto
Re: Problème avec le tuto de menu déroulant
Bonjour, Où en est votre problème ? Est il 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 :
Pour remercier ceux qui vous ont aidés vous pouvez cliquer sur A bientôt sur ForumActif |
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Problème avec le tuto de menu déroulant
Non, problème toujours présent
Re: Problème avec le tuto de menu déroulant
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 ^^
Donc je suis interessée par une solution si quelqu'un en a une, merci ^^
Re: Problème avec le tuto de menu déroulant
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.
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.
Re: Problème avec le tuto de menu déroulant
Chez moi ça marche!
Merci beaucoup Damlock
Merci beaucoup Damlock
Re: Problème avec le tuto de menu déroulant
Pareillement Merci Beaucoup
Sujets similaires
» Probleme avec menu déroulant comme indiqué dans le tuto
» Fond disparait avec menu déroulant
» Problème avec le menu déroulant
» Widget dernier sujet avec menu déroulant
» Problème avec menu déroulant personnalisé
» Fond disparait avec menu déroulant
» Problème avec le menu déroulant
» Widget dernier sujet avec menu déroulant
» Problème avec menu déroulant personnalisé
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum