Menu déroulant vertical dynamique

Julia -  
 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
A voir également:

26 réponses

  • 1
  • 2
Réponse 1 / 26
timmy
 
Bonsoir
Quelqu'un pourrait m'envoyer un code source en html concernant le menu déroulant vertical dynamique . Merci infiniment
2
Réponse 2 / 26
Julia
 
up svp
1
Réponse 3 / 26
Julia
 
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
1
Réponse 4 / 26
ecko2 Messages postés 146 Date d'inscription   Statut Membre Dernière intervention   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>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 26
Julia
 
J'essaie ca de suite, merci
0
Réponse 6 / 26
ecko2 Messages postés 146 Date d'inscription   Statut Membre Dernière intervention   12
 
tu peux voir l'exemple sur cette page
http://www.goldzik.com/12/3/0.htm
bon courage
0
Réponse 7 / 26
Julia
 
J'ai intégré le code, mais le menu se déroule encore vers le bas :s
0
Réponse 8 / 26
ecko2 Messages postés 146 Date d'inscription   Statut Membre Dernière intervention   12
 
Et vous voulez qu il se deroule dans quel sens ?
0
Réponse 9 / 26
Julia
 
Vers la droite si possible
0
Réponse 10 / 26
ecko2 Messages postés 146 Date d'inscription   Statut Membre Dernière intervention   12
 
mai vert la droite sa sera pa un menu deroulante, c un zone definate c ca ce que tu cherche non ?
0
Réponse 11 / 26
Julia
 
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.
0
Réponse 12 / 26
ecko2 Messages postés 146 Date d'inscription   Statut Membre Dernière intervention   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
0
Réponse 13 / 26
Julia
 
Je suis désolée avec mes questions mais à quel endroit je peux changer l'orientation sur le code que tu m'as donné?
0
Réponse 14 / 26
Julia
 
J'utilise publisher :s
0
Réponse 15 / 26
ecko2 Messages postés 146 Date d'inscription   Statut Membre Dernière intervention   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.
0
Réponse 16 / 26
Julia
 
Je te remercie de prendre du temps.
J'ai essayé avec Frontpage mais je n'arrivais à rien
0
Réponse 17 / 26
ecko2 Messages postés 146 Date d'inscription   Statut Membre Dernière intervention   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
0
Réponse 18 / 26
Julia
 
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/
0
Réponse 19 / 26
ecko2 Messages postés 146 Date d'inscription   Statut Membre Dernière intervention   12
 
l menu deroulante nommee monnaie, c ça ce que tu cherche ?
0
Réponse 20 / 26
Julia
 
nan regarde sur ce lien http://www.biotissime.fr/

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

Discussions similaires

Suppression listes déroulantes
Archa -
Sam -

5 réponses
Supprimer liste déroulante Excel
SamAlex -
b@bd -

8 réponses
Barre verticale droite sur clavier
k_lou -
Leuide -

41 réponses
Effacer liste déroulante
gabrielle -
jmps -

3 réponses
le signe " | " dans excel
zed -
Utilisateur anonyme -

4 réponses