 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
otacon
Joined: 17 Oct 2008
Posts: 11
|
 Posted: Tue Oct 21, 2008 7:28 pm menu is being blocked |
 |
|
|
when my menu drops down it goes underneath everything else instead of over them like it should.
I was wondering how to make them go over everything else.
css file. at least the non IE version:
| Code: |
/* NonIEcssMenu.css */
div.menu{
width:100%;
top:100px;
position:absolute;
float:center;
background-color:#000000;
height:20px;
}
ul.menu{
position:relative;
padding:0px;
margin:0px;
list-style-type:none;
color:##2D2D2D;
float:left;
}
ul.menu ul{
position:absolute;
list-style-type:none;
margin:0px;
display:none;
margin-left:-40px;
z-index:1;
}
ul.menu ul ul{
position:absolute;
display:none;
margin-top:-20px;
margin-left:121px;
z-index:-1;
}
ul.menu:hover ul
{
display:block;
}
ul.menu:hover ul ul
{
display:none;
}
ul.menu ul li:hover ul
{
display:block;
}
a.menu
{
background-color:##2D2D2D;
display:block;
width:150px;
padding-left:10px;
text-decoration:none;
color:#FFFFFF;
font-family:arial;
font-size:16px;
border-bottom: solid 1px #ffffff;
border-right: solid 1px #ffffff;
border-left: solid 1px #ffffff;
border-top: solid 1px #ffffff;
}
a.menu:hover
{
background-color:#006699;
color:#66FFFF;
}
|
here is the html file
| Code: |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Generator" content="iWeb 2.0.4" />
<meta name="iWeb-Build" content="local-build-20081021" />
<meta name="viewport" content="width=700" />
<title>Remcycle- where you want to be</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="index_files/index.css" />
<!--[if IE]><link rel='stylesheet' type='text/css' media='screen,print' href='index_files/indexIE.css'/><![endif]-->
<script type="text/javascript" src="Scripts/iWebSite.js"></script>
<script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
<script type="text/javascript" src="index_files/index.js"></script>
<link rel="stylesheet" href="nonmenuie.css" />
<!--[if IE]>
<link rel="stylesheet" href="menuie.css" />
<![endif]-->
</head>
<body style="background: #000000; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
<div class="menu">
<ul class="menu">
<li><a class="menu"href="/index.html">Home</a></li>
</ul>
<ul class="menu">
<li><a class="menu"href="/index.html">Games</a>
<ul>
<li><a class="menu"href="/index.html">Nintendo</a>
<ul>
<li><a class="menu" href="/vnes/zelda.html">Legend of Zelda</a></li>
<li><a class="menu" href="/vnes/zelda2.html">Legend of Zelda 2</a></li>
<li><a class="menu" href="/vnes/supermario.html">Super Mario Brothers</a></li>
<li><a class="menu" href="/vnes/supermario2.html">Super Mario Brothers 2</a></li>
<li><a class="menu" href="/vnes/supermario3.html">Super Mario Brothers 3</a></li>
<li><a class="menu" href="/vnes/tmnt.html">Teenage Mutant Ninja Turtles</a></li>
</ul>
</li>
<li><a class="menu"href="/index.html">Gameboy</a>
<ul>
<li><a class="menu" href="/gb/linksawakening.html">Link's Awakening</a></li>
<li><a class="menu" href="/gb/pokemonred.html">Pokemon Red</a></li>
</ul>
</li>
<li><a class="menu"href="1.html"></a>
<ul>
<li><a class="menu" href="1.html"></a></li>
<li><a class="menu" href="1.html"></a></li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class="menu">
<li><a class="menu"href="/index.html">Saru Productions</a>
<ul>
<li><a class="menu"href="/saruproductions/bushido.html">Bushido</a> </li>
<li><a class="menu"href="/saruproductions/flclparty.html">FLCL Party</a> </li>
<li><a class="menu"href="/saruproductions/hamster.html">Hamster Funpack</a> </li>
<li><a class="menu"href="/saruproductions/hungry.html">Hungry Like a Wolf</a> </li>
<li><a class="menu"href="/saruproductions/live.html">Live or Let Die</a> </li>
<li><a class="menu"href="/saruproductions/nice.html">Nicest Blade...</a> </li>
<li><a class="menu"href="/saruproductions/pioneering.html">Pioneering Tsukasa</a> </li>
<li><a class="menu"href="/saruproductions/punch.html">Punch</a> </li>
<li><a class="menu"href="/saruproductions/power.html">The Power is Strong with this One</a> </li>
<li><a class="menu"href="/saruproductions/friends.html">What are friends for?</a> </li>
</ul>
</li>
</ul>
<ul class="menu">
<li><a class="menu"href="http://forums.cjb.net/remcycle.htmld">Forum</a></li>
</ul>
<ul class="menu">
<li><a class="menu"href="http://remcycle.duoservers.com/">Web Hosting</a></li>
</ul>
<ul class="menu">
<li><a class="menu"href="/faq.html">FAQ</a></li>
</ul>
<ul class="menu">
<li> <a class="menu"href="/affiliates.html">Affiliates</a></li>
</ul>
</div>
<center>
<div style="height: 100px; width: 520px; height: 92px; left: 25%; position: absolute; top: 0px; width: 166px; z-index: 1; " class="tinyText style_SkipStroke_1">
<img src="index_files/banner.jpg" alt="" style="border: none; height: 100px; width: 500px; width: 480" />
</div>
</center>
<div style="height: 100px; width: 520px; height: 92px; left: 25%; position: absolute; top: 25%; width: 166px; z-index: 1; " class="tinyText style_SkipStroke_1">
<img src="index_files/nes-console.jpg" alt="" style="border: none; height: 400px; width: 500px; width: 480" />
</div>
<div style="height: 90px; width: 728px; left: 5%; position: absolute; top: 25%; width: 166px; z-index: 1; " class="tinyText style_SkipStroke_1">
<script type="text/javascript"><!--
google_ad_client = "pub-8300603957944863";
/* 728x90, created 10/15/08 */
google_ad_slot = "3501317092";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</body>
</html>
|
Last edited by otacon on Tue Oct 21, 2008 11:05 pm; edited 2 times in total |
|
sticks464
Joined: 31 Dec 2006
Posts: 1284
|
| Posted: Tue Oct 21, 2008 7:57 pm |
|
|
|
Without seeing all your code I can't be sure my solution works.
So try this first; change the z-index from 1 to 999 on the ul.menu ul css. |
|
otacon
Joined: 17 Oct 2008
Posts: 11
|
| Posted: Tue Oct 21, 2008 8:37 pm |
|
|
|
| thank you that worked |
|
otacon
Joined: 17 Oct 2008
Posts: 11
|
| Posted: Tue Oct 21, 2008 11:06 pm |
|
|
|
ok so it works with everything except one.
How to I go over javascript games?
I am still having problem with javascript blocking my menu |
|
sticks464
Joined: 31 Dec 2006
Posts: 1284
|
| Posted: Wed Oct 22, 2008 3:52 am |
|
|
|
| I'm gonna need a live link to see what it's doing and which script is effecting it. |
|
otacon
Joined: 17 Oct 2008
Posts: 11
|
|
sticks464
Joined: 31 Dec 2006
Posts: 1284
|
| Posted: Wed Oct 22, 2008 5:30 am |
|
|
|
| I'll take a look this afternoon when I get home. This computer at work does not let me see all the code I need to see. |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
