Toon posts:

[HTML] Menu valt achter frame

Pagina: 1
Acties:
  • 43 views sinds 30-01-2008

woensdag 12 juni 2002 13:57

Acties:
  • Toink
  • Registratie: Januari 2000
  • Niet online

Toink

Topicstarter
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?
<!-- frames -->

<head>
<title></title>
</head>

<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" z-index: -1; >
</frameset>


Het top-frame waarin het dropdownmenu staat ziet er als volgt uit:

<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">
<!--
.header { font: bold 20px Arial, Verdana, Helvetica, sans-serif }
.subhead { font-weight: bold; font-size: 12px }
.list { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none }
.forms { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif }
.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>


<base target="_self">


<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]"dot.gif"[/img] Hier kan uw banner staan!</a><br>
<a href="subm.htm" class="dropitem">[img]"dot.gif"[/img] Hier kan uw banner staan!</a><br>
</div>

---en hieronder nog een stuk met andere menu-delen---

Je kan zien dat ik het menu een z-index geef van 99 maar dat helpt niet . Hulp??

woensdag 12 juni 2002 14:00

Acties:
  • Willem
  • Registratie: Februari 2001
  • Laatst online: 11:55

Willem

Ja. Mooi verhaal.

Punt 1: Zet je HTML tussen [ code ] en [ /code ] haken.
Punt 2: Frames gaan over layers
Punt 3: Ga opzoek naar de aard van het probleem in plaats ervanuit te gaan dat wij wel even je code doorspitten om je de fout te presenteren.

Welkom in [forum=13]

Motor (of auto) onderhoud bijhouden

Dit topic is gesloten.