Sujet Précédent Sujet Suivant

Menu déroulant vertical dynamique

Fermé
Julia - 6 juil. 2008 à 02:51
 timmy - 17 août 2009 à 17:42
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

  • 1
  • 2
Réponse 1 / 26
timmy
17 août 2009 à 17:42
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
6 juil. 2008 à 16:39
up svp
1
Réponse 3 / 26
Julia
6 juil. 2008 à 17:28
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 lundi 30 juin 2008 Statut Membre Dernière intervention 11 décembre 2008 12
6 juil. 2008 à 17:31
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
6 juil. 2008 à 17:35
J'essaie ca de suite, merci
0
Réponse 6 / 26
ecko2 Messages postés 146 Date d'inscription lundi 30 juin 2008 Statut Membre Dernière intervention 11 décembre 2008 12
6 juil. 2008 à 17:35
tu peux voir l'exemple sur cette page
http://www.goldzik.com/12/3/0.htm
bon courage
0
Réponse 7 / 26
Julia
6 juil. 2008 à 17:38
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 lundi 30 juin 2008 Statut Membre Dernière intervention 11 décembre 2008 12
6 juil. 2008 à 17:41
Et vous voulez qu il se deroule dans quel sens ?
0
Réponse 9 / 26
Julia
6 juil. 2008 à 17:43
Vers la droite si possible
0
Réponse 10 / 26
ecko2 Messages postés 146 Date d'inscription lundi 30 juin 2008 Statut Membre Dernière intervention 11 décembre 2008 12
6 juil. 2008 à 17:46
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
6 juil. 2008 à 17:55
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 lundi 30 juin 2008 Statut Membre Dernière intervention 11 décembre 2008 12
6 juil. 2008 à 18:07
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
6 juil. 2008 à 18:11
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
6 juil. 2008 à 18:25
J'utilise publisher :s
0
Réponse 15 / 26
ecko2 Messages postés 146 Date d'inscription lundi 30 juin 2008 Statut Membre Dernière intervention 11 décembre 2008 12
6 juil. 2008 à 18:32
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
6 juil. 2008 à 18:34
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 lundi 30 juin 2008 Statut Membre Dernière intervention 11 décembre 2008 12
6 juil. 2008 à 18:49
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
6 juil. 2008 à 19:00
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 lundi 30 juin 2008 Statut Membre Dernière intervention 11 décembre 2008 12
6 juil. 2008 à 19:07
l menu deroulante nommee monnaie, c ça ce que tu cherche ?
0
Réponse 20 / 26
Julia
6 juil. 2008 à 19:13
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
Nom de champs du tableau croisé dynamique non valide
Kazooie123 -
SajDri -

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

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

41 réponses