Menu dropdown verdwijnt onder een java applet

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Marco Eilander

Marco Eilander

08/06/2013 10:56:15
Quote Anchor link
Hallo,

Als ik met mijn muis op een link ga van het menu, verdwijnt de dropdown submenu onder het java gedeelte en ik weet geen oplossing om het erboven te krijgen.

met position:absolute;, verdwijnt het menu er helemaal onder, met relative is het weer dezelfde probleem als voorheen.

Afbeelding:
Het stukje met "community" is natuurlijk het menu.
Daaronder zit de applet.

Afbeelding


Groet,
Marco
 
PHP hulp

PHP hulp

20/12/2024 18:30:43
 
Frank Nietbelangrijk

Frank Nietbelangrijk

08/06/2013 13:18:36
Quote Anchor link
probeer eens in de css van het submenu:
z-index:5000;
 
Marco Eilander

Marco Eilander

08/06/2013 16:02:12
Quote Anchor link
Frank Nietbelangrijk op 08/06/2013 13:18:36:
probeer eens in de css van het submenu:
z-index:5000;

Werkt helaas niet. :S
Het menu werkt prima, alleen in combinatie met java, heeft dat ding kuren...
met een iframe, gaat die keurig over de iframe heen, maar zodra er java in te voorschijn komt, in de iframe, gaat die er weer onder. Ook met
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php include (''); had die kuren. :S
Gewijzigd op 08/06/2013 16:42:50 door Marco Eilander
 
Frank Nietbelangrijk

Frank Nietbelangrijk

08/06/2013 17:07:40
Quote Anchor link
Marco lees de laatste post hier eens. je zou onderstaande code tussen het object element moeten toevoegen

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
add the line: <param name="wmode" value="transparent" />
and also add: wmode="transparent"
so your new embed code looks like this...

<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,32,18" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" type="application/x-shockwave-flash" height="672" width="896">
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="src" value="flash/Movie1.swf" /><embed height="672" width="896" wmode="transparent" src="flash/Movie1.swf" quality="high" type="application/x-shockwave-flash"></embed>
</object>
Gewijzigd op 08/06/2013 17:11:17 door Frank Nietbelangrijk
 
Marco Eilander

Marco Eilander

08/06/2013 18:28:23
Quote Anchor link
Frank Nietbelangrijk op 08/06/2013 17:07:40:
Marco lees de laatste post hier eens. je zou onderstaande code tussen het object element moeten toevoegen


Ook dat werkt niet.

Dit is het stukje code :
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<applet name="" width="100%" height="84%" archive="" code="">
<param name="wmode" value="transparent"/>
<param name="worldid" value="2"/>
<param name="members" value="1"/>
<param name="modewhat" value="2"/>
<param name="modewhere" value="2"/>
<param name="safemode" value="1"/>
<param name="lang" value="0"/>
<param name="affid" value="0"/>
<param name="settings" value="ROEqp2kbj*NX9PSCbdgpOvokkMwrCkXjg3c6KXgaLZY"/>
<param name="cookieprefix" value=""/>
<param name="cookiehost" value=""/>
<param name="plug" value="0"/>
<param name="js" value="1"/>
<param name="game" value="0"/>
<param name="colourid" value="0"/>
</applet>


En de css van de menu :
Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
/* Main */
#menu{
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
    list-style: none;  
    background: #111;
    background: -moz-linear-gradient(#444, #111);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));    
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
    -moz-border-radius: 50px;
    border-radius: 50px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
    box-shadow: 0 2px 1px #9c9c9c;
    position:relative;

}

#menu li{
    float: left;
    padding: 0 0 10px 0;
    position: relative;


}

#menu a{
    float: left;
    height: 25px;
    padding: 0 25px;
    color: #999;
    text-transform: uppercase;
    font: bold 12px/25px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#menu li:hover > a{
    color: #fafafa;
}

*html #menu li a:hover{ /* IE6 */
    color: #fafafa;
}

#menu li:hover > ul{
    display: block;
}

/* Sub-menu */

#menu ul{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index:5000;  
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);    
    background: -ms-linear-gradient(#444, #111);    
    background: linear-gradient(#444, #111);    
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu ul li:last-child{  
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#menu ul a{    
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #menu ul a{ /* IE6 */  
    height: 10px;
    width: 150px;
}

*:first-child+html #menu ul a{ /* IE7 */    
    height: 10px;
    width: 150px;
}

#menu ul a:hover{
        background: #0186ba;
    background: -moz-linear-gradient(#04acec,  #0186ba);    
    background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
    background: -webkit-linear-gradient(#04acec,  #0186ba);
    background: -o-linear-gradient(#04acec,  #0186ba);
    background: -ms-linear-gradient(#04acec,  #0186ba);
    background: linear-gradient(#04acec,  #0186ba);
}

#menu ul li:first-child a{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul li:first-child a:hover:after{
    border-bottom-color: #04acec;
}

#menu ul li:last-child a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
Gewijzigd op 08/06/2013 18:29:29 door Marco Eilander
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.