Discussion :

[khokho]

Bonsoir,

voila j'ai un Menu deroulant dynamique vertical mais le problème, c'est que le sous-menu est decale vers la droite hors je ne souhaite pas qu'il soit ainsi, quelqu'un aurait une solution?! Merci.

[Royd938]

franchement si tu ne nous donnes pas l'adresse de ta page ou ton code, on va avoir du mal à t'aider...

[khokho]

franchement si tu ne nous donnes pas l'adresse de ta page ou ton code, on va avoir du mal à t'aider...

voici la partie du code concernée, pour ce qui est de la page, etant donner que c'est un projet encore confidentiel...

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
92
93
94
95
96
97
98
99
100
 
<SCRIPT LANGUAGE=javascript>
        <!--
		function show(id)
       {
          var element = document.getElementById(id);
          if (document.getElementById(id).style.display == 'block')
          {
            document.getElementById(id).style.display= 'none';            
          }
          else
          {
            document.getElementById(id).style.display= 'block';
          }
    	}
		function submitCriterePlus(){
			document.forms[1].criterePlus.value="critere";
		}
        // -->
        </SCRIPT>
		<style type='text/css'>
			#menu {
                  z-index:100;
                  font-size: 100%;
                  padding: 0px;
                  margin: 0px;
                  height: 18px;
                }
			#menu dl { margin-bottom:6px;}
 
			#menu dl { float: left; }
 
			#menu dt { display: block;}
			#menu0 dt {color:#ACC947;}
			#menu1 dt {color:#FF8000;}
			#menu2 dt {color:#ACC947;}
 
			#menu dd { 
				display: none; position: absolute; width:10em;
			}
 
			#menu ul {padding: 0 0 0 0; margin: 0 0 0 0; list-style-type:left;}
 
			#menu dt a { display: block;}
			#menu0 dt a {color:#ACC947;}
			#menu1 dt a {color:#FF8000;}
			#menu2 dt a {color:#ACC947;}
 
			#menu dt a:hover{font-size:11px;}
			#menu0 dt a:hover {color:white;background:#ACC947;}
 
			#menu dd a { display: block; width:10em;padding: 2px 4px;}
			#menu0 dd a {background:#ACC947; color:white;}
			#menu1 dd a {background:#FF8000; color:white;}
			#menu2 dd a {background:#ACC947; color:white;}
 
			#menu dd a:hover{ float: none;} 
			#menu0 dd a:hover{ color:#ACC947; background:white;border: 1px solid black;}
			#menu1 dd a:hover{ color:#FF8000; background:white;border: 1px solid black;} 
			#menu2 dd a:hover{ color:#ACC947; background:white;border: 1px solid black;} 
 
	</style>
<table width="65%" align="center" >
 
	<tr>
		<td valign="bottom" style="font-weight:bold; color:#9EABC0;font-family:verdana;font-size:11px;">
		<html:link href="#" style="color:#9EABC0;"><p style="margin-bottom:6px; text-decoration:none;">Actualité</p></html:link>
		</td>
		<td id="menu" style="font-weight:bold; color:#ACC947;font-family:verdana;font-size:11px;">
			<dl id="menu0">
             <dt><html:link href="" style="text-decoration:none;"
             onclick="javascript:show('sub0'); return false;" onmouseover="javascript:show('sub0');" onmouseout="javascript:show('sub0');">
             Candidats</html:link></dt>
             <dd id="sub0">
                    <ul>
                        <html:link  page="/candidat/inscCand.jsp" onmouseout="javascript:show('sub0');">S'inscrire</html:link >
                        <html:link  href="" onclick="return false;" onmouseout="javascript:show('sub0');">xxxxx</html:link >
                        <html:link  href="" onclick="return false;" onmouseout="javascript:show('sub0');">xxxxx</html:link >
                    </ul>
              </dd>
          </dl>
		</td>
		<td id="menu" style="font-weight:bold; color:#FF8000;font-family:verdana;font-size:11px;">
 
			<dl id="menu1">
             <dt><html:link href="" style="text-decoration:none;"
              onclick="javascript:show('sub1'); return false;" onmouseover="javascript:show('sub1');"onmouseout="javascript:show('sub1');">
             	Recruteurs
             	</html:link>
             </dt>
             <dd id="sub1">
                    <ul>
                        <html:link href="" onclick="return false;" onmouseout="javascript:show('sub1');">Mon compte</html:link >
                        <html:link  page="/recruteur/inscRecEnt.jsp" onmouseout="javascript:show('sub1');">S'inscrire</html:link >
                        <html:link  href="" onclick="return false;" onmouseout="javascript:show('sub1');">xxxxxx</html:link >
                    </ul>
              </dd>
          </dl>
	</tr>
</table>

[Chronax]

salut tu n'as qu'a changé les margins du sous menu:
chance ca

Code :

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

#menu ul {padding: 0 0 0 0; margin: 0 0 0 0; list-style-type:left;}

avec ca .....

Code :

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

#menu ul {padding: 0 0 0 0; margin: 0 80 0 -40; list-style-type:left;}

et dis moi des nouvelles

[khokho]

Désolé mais ca ne change rien dutout à mon grand malheur, c'est curieux.
Merci en tous cas. Bien essayer

[Chronax]

Sous FF pour moi ca fonctionne tres bien tout est aligné avec cette modif.... tu dois etre sous IE et la je ne sais pas quoi faire pour toi...faut chercher un peu....

[khokho]

Lol, non je suis sous FF, je suis allergique à IE

[khokho]

Ca marche mnt que j'ai mis ca :

Code :

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

#menu ul {padding: 0 0 0 0; margin: 0 80px 0 -40px;}

fallait ajouter les px et evidemment ca ne merche pas sous IE; si quelqu'un sait pourquoi qu'il n'hesite pas. Merci

[IdF-Socrateus]

C'est dû à un problème de gestion de :hover par IE...
cf autre discussion :
http://www.developpez.net/forums/sho...d.php?t=165168