Menu déroulant vertical dynamique

[Fermé]
Signaler
-
 timmy -
Bonsoir,

Je souhaiterais intégrer un menu déroulant vertical dynamique avec sous menus dans mon site.

J'ai beaucoup cherché, testé un grand nombre de codes mais aucun ne convient, ils restent tous figés :s

En fait, je recherche à donner l'aspect de ce menu http://www.intersport.fr/e-commerce/control/main mais en vertical.

Je réalise mon site sur Publisher et j'édite en HTML.

Y'aurait-il quelqu'un qui serait prêt à prendre un peu de temps pour m'aider?

Merci.

Julia

26 réponses

Bonsoir
Quelqu'un pourrait m'envoyer un code source en html concernant le menu déroulant vertical dynamique . Merci infiniment
2
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41713 internautes nous ont dit merci ce mois-ci

Re,

j'ai trouvé un menu déroulant qui fonctionne, par contre il se déroule vers le bas et souhaite qu'il se déroule vers la droite, je sais qu'il faut que j'intègre direction:"right" mais je ne sais pas ou. Voici le code


<head> <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: 0 none;
font: 80% verdana, gigi, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: direction="right";
top: 0;
left: 0;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 0 none;
background: 0 none;
}
#menu dd {
border: none;
}
#menu li {
text-align: center;
background: 0 none;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: 0 none;
}
-->
</style>

</HEAD>




<dl id="menu">

<dt onclick="javascript:montre('smenu1);">Visage</dt>
<dd id="smenu1">
<ul>
<li><a href="#">Sous-Menu 1.1</a></li>
<li><a href="#">Sous-Menu 1.2</a></li>

<li><a href="#">Sous-Menu 1.3</a></li>
</ul>
</dd>

<dt onclick="javascript:montre('smenu2');">Corps</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>
</ul>
</dd>

<dt onclick="javascript:montre('smenu3');">Menu 3</dt>

<dd id="smenu3">
<ul>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>

<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>

<li><a href="#">Sous-Menu 3.1</a></li>
</ul>
</dd>

<dt onclick="javascript:montre('smenu4');">Menu 4</dt>

<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.1</a></li>

</ul>
</dd>

</dl>

J'aimerais également que les sous menus se déclenchent dès que le curseur passe sur chaque menu.

Comment faire?

Merci
Messages postés
146
Date d'inscription
lundi 30 juin 2008
Statut
Membre
Dernière intervention
11 décembre 2008
12
salut il t-e faut ajouter ce script dans le HEAD, de la page concerener et Bon chance




<STYLE type=text/css>BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10pt; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #576f7e; PADDING-TOP: 0px; FONT-FAMILY: Tahoma
}
.outer_small {
FONT-SIZE: 9px; COLOR: #97a7b1; FONT-FAMILY: Tahoma
}
BODY {
FONT-SIZE: 9px
}
TD {
FONT-SIZE: 9px
}
TH {
FONT-SIZE: 9px
}
.hidden {
DISPLAY: none; VISIBILITY: hidden
}
.chanteurs {
FONT-WEIGHT: bold; FONT-SIZE: 14px
}
A:link {
FONT-WEIGHT: bolder; FONT-SIZE: 10px; COLOR: #ec6128; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:visited {
FONT-WEIGHT: bolder; FONT-SIZE: 10px; COLOR: #de2520; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.smalllinks {
FONT-SIZE: 8px; COLOR: #b7c8c2; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.smalllinks2 {
FONT-SIZE: 10px; COLOR: #b7c8c2; FONT-FAMILY: Arial, Helvetica, sans-serif
}
#Layer2 {
Z-INDEX: 1; LEFT: 805px; WIDTH: 120px; POSITION: absolute; TOP: 208px; HEIGHT: 600px
}
H1 {
FONT-SIZE: 9px; COLOR: #5f737e; FONT-FAMILY: Verdana
}
</STYLE>

<style> table.MsoNormalTable
{mso-style-parent:"";
font-size:10.0pt;
font-family:"Times New Roman";
}
span.adus
{}
</style>
J'essaie ca de suite, merci
Messages postés
146
Date d'inscription
lundi 30 juin 2008
Statut
Membre
Dernière intervention
11 décembre 2008
12
tu peux voir l'exemple sur cette page
http://www.goldzik.com/12/3/0.htm
bon courage
J'ai intégré le code, mais le menu se déroule encore vers le bas :s
Messages postés
146
Date d'inscription
lundi 30 juin 2008
Statut
Membre
Dernière intervention
11 décembre 2008
12
Et vous voulez qu il se deroule dans quel sens ?
Vers la droite si possible
Messages postés
146
Date d'inscription
lundi 30 juin 2008
Statut
Membre
Dernière intervention
11 décembre 2008
12
mai vert la droite sa sera pa un menu deroulante, c un zone definate c ca ce que tu cherche non ?
En fait je veux un menu comme sur ce site https://www.mademoiselle-bio.com/ sauf que sur le mien j'aimerais qu'il soit vertical et que les sous menus s'affichent vers la droite... J'espère que j'arrive à me faire comprendre, j'ai du mal avec les termes techniques.
Messages postés
146
Date d'inscription
lundi 30 juin 2008
Statut
Membre
Dernière intervention
11 décembre 2008
12
pour l'orientation et l'ariere plan et tt les autre option , c simple tu ouvre proprieté de ton menu deroulante biensur apres l'avoir cree, et tu fait tes chaangement comme tu veux
et bon courrage
Je suis désolée avec mes questions mais à quel endroit je peux changer l'orientation sur le code que tu m'as donné?
J'utilise publisher :s
Messages postés
146
Date d'inscription
lundi 30 juin 2008
Statut
Membre
Dernière intervention
11 décembre 2008
12
le publisher est assez lourd et pour la creation des sites web je te dis que c pa professionel, tu peux tester front page, tu aura plus des trucs, et je te dis c aussi ton guide pro
ok ?
je te dis si tu veux je peux t'aider pour creer tes pages s me fai plaisir,bon courrage.
Je te remercie de prendre du temps.
J'ai essayé avec Frontpage mais je n'arrivais à rien
Messages postés
146
Date d'inscription
lundi 30 juin 2008
Statut
Membre
Dernière intervention
11 décembre 2008
12
ok
je vais te montrer comment saz se fait, tu parle arabe no ? si c oui tu peux m' envoyer ton mail en clicant sur ce lien, sa sera mieux parler n'est ce pa ?
si tu parle pas arabe, je vais te monter sur msn en ecriture ok ?
voila le liens
http://www.goldzik.com/contact.php
J'ai regardé sur ton site mais ce n'est pas tout à fait ce genre de menu que je recherche mais en fait je voudrais exactement ce genre la http://www.biotissime.fr/
Messages postés
146
Date d'inscription
lundi 30 juin 2008
Statut
Membre
Dernière intervention
11 décembre 2008
12
l menu deroulante nommee monnaie, c ça ce que tu cherche ?
nan regarde sur ce lien http://www.biotissime.fr/

C'est le menu "nos cosmétiques bio" qui m'intéresse