Menu Spry DW cs6

**CricriB** · 03/04/2013, 10h07

Bonjour à tout le monde, je suis tout nouveau sur le forum et j'espère trouver les réponses à mon problème qui surement n'en ai pas un pour vous. J’essaie de créer un site pour mon entreprise de menuiseries avec DW cs6, et je me trouve face à une situation un peu compliqué pour un novice comme moi. J'ai créer un menu Spry Horizontal, et lorsque je le teste sous Mozilla il fonctionne parfaitement, sous IE il ne fonctionne pas. Je vous joins une partie du code. Si cela ne suffit pas n'hésitez pas.
Par avance un grand merci pour votre aide.
Cordialement.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
</div>
<div class="barremenu">
<ul id="MenuBar2" class="MenuBarHorizontal">
<li><a href="#">Accueil</a> </li>
<li><a href="Presentation.html">Pr&eacute;sentation</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Menuiseries</a>
<ul>
<li><a href="fenetrePVC.html" class="MenuBarItemSubmenu">Fen&ecirc;tre pvc</a>
<ul>
<li><a href="fenetre couli PVC.html">Coulissant pvc</a></li>
</ul>
</li>
<li><a href="fenetre couli alu.html">Aluminium</a></li>
</ul>
</li>
<li><a href="#">volets</a></li>
<li><a href="#">A savoir</a></li>
<li><a href="#">Travaux</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

**NoSmoking** · 03/04/2013, 19h40

Bonjour et bienvenue sur DVP.

Si cela ne suffit pas n'hésitez pas.

je n'hésites donc pas à demander le CSS de ce bout de code et une explication, même succincte, du dysfonctionnement.

**rodolphebrd** · 04/04/2013, 09h16

Bonjour,

Je vous conseille de voir une autre solution que l'utilisation des Spry pour faire vos menus.
- Oui : c'est une solution One-click,
- oui : vous gérer vos items et sous-items simplement
Mais
- non : pour l'ajax à gogo
- non : pour le manque de souplesse de maintenance
- non : pour les kilomètres de codes pour un simple menu.

Je sais, j'exagère un peu car à mes débuts j'utilisais les fonctions spry et j'ai appris à m'en passer surtout pour les menus qui peuvent être parfaitement réalisés en full-css sans problèmes d'interopérabilité.

Vous trouverez sur ce forum des ressources pour vous aidez dans cette démarche.

**rodolphebrd** · 04/04/2013, 10h35

Suite à votre message privé je vous envoie cette réponse

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#menu {
        width: 100px;
}
/* fond blanc pour le menu */ 
#menu a {
        color: #000000
}
#menu ul {
        padding: 0;
        width: 100px;
        border: 1px solid;
        margin: 0px;
        background: white
}
/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
#menu li:hover {
        background: #EDD
}
#menu li.sousmenu:hover {
        background: #EBB;
}
/* Rajout d'une petite fleche pour les sous menu */ 
#menu li.sousmenu {
        background-image: url(fleche.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
}
#menu ul li {
        position: relative;
        list-style: none;
        border-bottom: 1px solid;
}
#menu ul ul {
        position: absolute;
        top: -1px;
        left: 100px;
        display: none
}
/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
#menu li a {
        text-decoration: none;
        padding: 4px 0 4px 8px;
        display: block;
        border-left: 8px solid #BBB;
        width: 84px
}
#menu ul.niveau1 li.sousmenu:hover ul.niveau2, #menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
        display: block;
}
/* la bordure de chaque hauteur a une couleure de survol*/ 
#menu li a:hover {
        border-left-color: red;
}
#menu ul ul li a:hover {
        border-left-color: #00FF00;
}
#menu ul ul ul li a:hover {
        border-left-color: #0000FF;
}
</style>
</head>
<body>
</div>
<div id="menu">
  <ul class="niveau1">
    <li><a href="#">Accueil</a> </li>
    <li><a href="Presentation.html">Pr&eacute;sentation</a></li>
    <li class="sousmenu"><a href="#" class="MenuBarItemSubmenu">Menuiseries</a>
      <ul class="niveau2">
        <li class="sousmenu"><a href="fenetrePVC.html" class="MenuBarItemSubmenu">Fen&ecirc;tre pvc</a>
          <ul class="niveau3">
            <li><a href="fenetre couli PVC.html">Coulissant pvc</a></li>
          </ul>
        </li>
        <li><a href="fenetre couli alu.html">Aluminium</a></li>
      </ul>
    </li>
    <li><a href="#">volets</a></li>
    <li><a href="#">A savoir</a></li>
    <li><a href="#">Travaux</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</div>
</body>
</html>

La flèche est en pièce jointe.

**Bovino** · 04/04/2013, 10h45

Suite à votre message privé

Il ne faut pas utiliser les messages privés pour demander de l'aide !
Déjà parce que ça rend incompréhensibles les réponses données sur le forum.
Ensuite, si quelqu'un d'autre veut aider, ben il risque de le faire pour rien et de perdre son temps.
Surtout parce que les discussions du forum peuvent être consultées par des personnes ayant des problèmes similaires et pour qui la résolution et les explications seraient utiles !

Enfin, c'est clairement indiqué dans les règles :

N'envoyez pas de messages privés au lieu de poster votre question.

Si vous postez votre question sur le forum approprié :

de nombreuses personnes vont voir votre question ;
celles qui sont compétentes sur le sujet, qui ont la volonté et le temps d'y répondre, le feront ;
vous pourrez ainsi obtenir des réponses variées et complémentaires, peser le pour et le contre, et faire votre choix.

Si vous postez votre question par MP (ou par email) à un membre du forum :

vous choisissez vous-même votre interlocuteur, vous prenez donc le risque qu'il ne soit pas la personne la plus compétente pour répondre à votre question en particulier (même si c'est un rédacteur, un modérateur ou un responsable) ;
votre interlocuteur peut être indisponible, occupé, en déplacement... Le temps de réponse en sera rallongé et votre démarche perdra en efficacité (en plus de l'agacer) ;
pour toutes ces raisons, votre interlocuteur estimera sans doute que vous auriez dû poser votre question sur le forum plutôt que par MP et sera peu motivé pour travailler sur votre question.

Poser une question par MP est également contre productif puisque vous serez seul bénéficiaire de la solution.
Alors que votre question posée sur le forum et les réponses associées iront enrichir la base de connaissances qu'est le forum, profitant ainsi à de nombreux autres utilisateurs.

Limitez les messages privés adressés à l'équipe de modération aux cas strictement nécessaires (demande d'intervention si vous avez repéré un message hors sujet ou multiposté, proposition d'articles, etc.)

**rodolphebrd** · 04/04/2013, 11h22

Oui @Bovino j'aurais du être plus clair...

Voici la teneur du message privé qui semble être une utilisation erronée du forum

Bonjour, et merci de vous être intéressé à mon problème. Je vais essayer de créer un menu en suivant votre méthode.

Menu Spry DW cs6

HTML

Vue hybride

Discussions similaires

Partager

Partager