Nou hier dan m'n derde post over hetzelfde probleem aangezien ik 't presteer om binnen 2 minuten 2 topics te laten sluiten omdat ik een en ander fout doe.
Hieronder staat de code van mijn index.html. Hij wordt gebruikt voor een paar frames en in het bovenste frame komt een dropdownmenu.
Dit menu valt echter achter het middenframe. Dit stel je in met de z-order maar dit lijkt hij gewoon niet te doen. Wie vertelt me wat ik fout doe (en/of) kan me helpen?
Het top-frame waarin het dropdownmenu staat ziet er als volgt uit:
Je kan zien dat ik het menu een z-index geef van 99 maar dat helpt niet . Hulp??
/ik waardeer jullie behulpzaamheid maar als deze weer meteen dichtgaat voordat ik mijn fouten kan corrigeren ben ik vanavond nog nieuwe topics aan 't posten. Help je dus aub gewoon even dan doe ik m'n best om de fouten eruit te halen. Ik heb nu dikgedrukt waar de z-index staat.
Hieronder staat de code van mijn index.html. Hij wordt gebruikt voor een paar frames en in het bovenste frame komt een dropdownmenu.
Dit menu valt echter achter het middenframe. Dit stel je in met de z-order maar dit lijkt hij gewoon niet te doen. Wie vertelt me wat ik fout doe (en/of) kan me helpen?
code:
1
2
3
4
5
6
7
8
9
10
11
| <!-- frames --> <frameset rows="20,*,20" framespacing="0" border="0" frameborder="0"> <frame name="top" src="system/top.asp" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" z-index: -1;> <frame name="main" src="system/main.asp" marginwidth="0" marginheight="0" scrolling="yes" frameborder="0" z-index: -1; > <frame name="bottom" src="system/bottom.asp" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" [b]z-index: -1;[/b] > </frameset> |
Het top-frame waarin het dropdownmenu staat ziet er als volgt uit:
code:
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
| <script language="JavaScript" src="dropscript.js"></script>
<script language="JavaScript">
<!--
//browser stylesheets
if(f7_ie){
document.write('<style type="text/css"><!--')
document.write('.dropdown {height:1px; width:1px; padding-
left:4px; padding-top:4px; padding-right:4px; padding-bottom:4px;}')
document.write('p { margin-top:0px; margin-bottom:6px }')
document.write('a { text-decoration: none }')
document.write('a:hover { color: white; text-decoration: underline }')
document.write('--></style>')
}
//--></script>
<style type="text/css">
<!--
.dropdown { position: absolute; width:175px; height:*;
border: darkblue; border-style: solid; border-top-width:
2px; border-right-width: 2px; border-bottom-width: 2px;
border-left-width: 2px; background-color: black; layer-
background-color: #666666; top:20px; z-index:99;
visibility: hidden ;}
--></style>
<div id="drop1" class="dropdown" style="left:0x;;
z-index:99; top: 10px" onmouseover="f7_showdrop(0)"
onmouseout="f7_hidedrop()">
<a href="news.htm" class="dropitem"><img src="dot.gif" z-
index:99; width="11" height="11" border="0"> Verhaal!</a><br>
</div> |
Je kan zien dat ik het menu een z-index geef van 99 maar dat helpt niet . Hulp??
/ik waardeer jullie behulpzaamheid maar als deze weer meteen dichtgaat voordat ik mijn fouten kan corrigeren ben ik vanavond nog nieuwe topics aan 't posten. Help je dus aub gewoon even dan doe ik m'n best om de fouten eruit te halen. Ik heb nu dikgedrukt waar de z-index staat.