The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Multiple Navigation Menus, Having issues with submenu going behind page
LUCKYx
post Jul 8 2012, 03:17 AM
Post #1





Group: Members
Posts: 1
Joined: 8-July 12
Member No.: 17,393



http://66.7.197.196/~esportsr/index.php I have a test site that I am editing before launching live. I can not seem to get the top menu's sub menu to show. Instead it is going behind the main page. I have 2 menus with sub menus. Here is the html to the menus.

<div id="header">
<div class="main_header">
<!-- LOGO - START -->
<div class="logo_bg" align="center">
<div class="logo" style="margin-left:55px;"></div>
</div>
<ul class="sf-menu" style='width:600px;overflow:hidden;height:101px;'>
<a style='font- weight:normal;padding:0px;width:83px;height:94px;float:left;position:relative;ba
ckground:url(./theme/neo-blue/images/nav2.png) no-repeat;margin-top:10px;text-align:center;font-size:16px;' href="http://www.esports-nation.com/"><span style='padding-left:2px;margin:37px auto 0px;float:left;width:100%;text-align:center;'>Home</span></a>
<li style='height:103px;'><a style='font- weight:normal;padding:0px;width:83px;height:94px;float:left;position:relative;ba
ckground:url(./theme/neo-blue/images/nav2.png) no-repeat;margin-top:10px;text-align:center;font-size:16px;' href="www.esports-nation.com/news/esports-news/"><span style='padding-left:2px;margin:37px auto 0px;float:left;width:100%;text-align:center;'>News</span></a>
<ul>
<li style='margin-top:70px;'><a href='#'>ESPORTS NEWS</a></li>
<li><a href='#'>REVIEWS</a></li>
</ul>
</li>

<li><a style='font- weight:normal;padding:0px;width:83px;height:94px;float:left;position:relative;ba
ckground:url(./theme/neo-blue/images/nav2.png) no-repeat;margin-top:10px;text-align:center;font-size:16px;' href="#"><span style='padding-left:2px;margin:37px auto 0px;float:left;width:100%;text-align:center;'>Teams</span></a>
<ul>
<li style='margin-top:70px;'><a href='#'>ACHIEVEMENTS</a></li>
</ul>
</li style='height:103px;'>

<a style='font- weight:normal;padding:0px;width:83px;height:94px;float:left;position:relative;ba
ckground:url(./theme/neo-blue/images/nav2.png) no-repeat;margin-top:10px;text-align:center;font-size:16px;' href="http://www.esportsrival.com/"><span style='padding-left:2px;margin:37px auto 0px;float:left;width:100%;text-align:center;'>Compete</span></a>

<a style='font- weight:normal;padding:0px;width:83px;height:94px;float:left;position:relative;ba
ckground:url(./theme/neo-blue/images/nav2.png) no-repeat;margin-top:10px;text-align:center;font-size:16px;' href="http://www.esports-nation.com/forum/"><span style='padding-left:2px;margin:37px auto 0px;float:left;width:100%;text-align:center;'>Forum</span></a>


<li style='height:103px;'><a style='font- weight:normal;padding:0px;width:83px;height:94px;float:left;position:relative;ba
ckground:url(./theme/neo-blue/images/nav2.png) no-repeat;margin-top:10px;text-align:center;font-size:16px;' href="#"><span style='padding-left:2px;margin:37px auto 0px;float:left;width:100%;text-align:center;'>Connect</span></a>
<ul>
<li style='margin-top:70px;'><a href='#'>FORUM</a></li>
<li><a href='#'>TRAVEL CENTER</a></li>
<li><a href='#'>ESN PRODUCTS</a></li>
<li><a href='#'>MEMBER SEARCH</a></li>
</ul>
</li>

<li style='height:103px;'><a style='font- weight:normal;padding:0px;width:83px;height:94px;float:left;position:relative;ba
ckground:url(./theme/neo-blue/images/nav2.png) no-repeat;margin-top:10px;text-align:center;font-size:16px;' href="#"><span style='padding-left:2px;margin:37px auto 0px;float:left;width:100%;text-align:center;'>About</span></a>
<ul>
<li style='margin-top:70px;'><a href='#'>ESPORTS NATION</a></li>
<li><a href='#'>OUR PARTNERS</a></li>
<li><a href='#'>OUR TRAVEL CENTER</a></li>
</ul>
</li>

<li style='height:103px;'><a style='font- weight:normal;padding:0px;width:83px;height:94px;float:left;position:relative;ba
ckground:url(./theme/neo-blue/images/nav2.png) no-repeat;margin-top:10px;text-align:center;font-size:16px;' href="#"><span style='padding-left:2px;margin:37px auto 0px;float:left;width:100%;text-align:center;'>Contact</span></a>
<ul>
<li style='margin-top:70px;'><a href='#'>CONTACT US</a></li>
<li><a href='#'>SPONSORSHIPS</a></li>
<li><a href='#'>STAFF DIRECTORY</a></li>
</ul>
</li>
</ul>
<a style='width:3px;height:94px;float:left;position:relative;background:url(./theme/neo-blue/images/nav2.png) no-repeat;margin-top:10px;'></a>
<!-- LOGO - END -->
</div>

<div class="clr"></div>

<!-- SITE NAVIGATION - START -->
<div class="nav">
<a style='width:38px;height:33px;float:left;position:relative;background:url(./theme/neo-blue/images/rss.png);' href="http://www.esports-nation.com/feed/"></a>
<a style='width:38px;height:33px;float:left;position:relative;background:url(./theme/neo-blue/images/tw.png);' href="https://twitter.com/#!/eSports_Nation"></a>
<a style='width:38px;height:33px;float:left;position:relative;background:url(./theme/neo-blue/images/fb.png);' href="http://www.facebook.com/THEeSportsNation"></a>
<a style='width:38px;height:33px;float:left;position:relative;background:url(./theme/neo-blue/images/yt.png);' href="http://www.youtube.com/user/esportsnationhq"></a>
<ul class="sf-menu">
<li><a href="./index.php" id="home">Main</a></li>

<li class="line"><a>|</a></li>

<!-- MEMBER LINKS OR REGISTER LINK - START -->
<?php
if($_SESSION['user'])
{

echo"
<li><a href=\"\"><span style='color:#1180FF;'>" . LANG_THEME_MEMBERS . "</span></a>
<ul>
<li><a href='./find.php'>" . LANG_THEME_FIND_A_MATCH . "</a></li>
<li><a href='./challenge.php'>" . LANG_THEME_CREATE_A_CHALLENGE . "</a></li>
<li><a href='./manager.php?action=reports'>" . LANG_THEME_REPORT_A_RESULT . "</a></li>
<li><a href='./warlight.php'>" . LANG_THEME_WAR_LIGHT . "</a></li>
<li><a href='./join.php'>" . LANG_THEME_JOIN_A_LADDER . "</a></li>
<li><a class='mnuBold'>" . LANG_THEME_MY_PROFILE . "</a></li>
<li><a href='./manager.php' style='margin-left:5px;'>" . LANG_THEME_MY_PORTAL . "</a></li>
<li><a href='./manager.php?action=manage' style='margin-left:5px;'>" . LANG_THEME_MANAGE_TEAMS . "</a></li>
<li><a href='./mailbox.php' style='margin-left:5px;'>" . LANG_THEME_MAILBOX . "</a></li>
</ul>
</li>";

}else{

echo"<li><a href='register.php'><span style='color:#00ff00;'>" . LANG_THEME_REGISTER . "</span></a></li>";

}
?>
<!-- MEMBER LINKS OR REGISTER LINK - END -->

<!-- PLATFORMS - START -->
<?php
$plats= mysql_query("SELECT id,name,logo FROM platforms");
while ($plat = mysql_fetch_array($plats))
{

echo"
<li class=\"line\"><a>|</a></li>
<li ><a href=\"./platforms.php?pid=$plat[id]\">$plat[name]</a>
<ul>";

$groups=mysql_query("SELECT id,name,active,priority FROM groups WHERE active= '1' and platform='$plat[id]' ORDER BY priority");
while ($gro = mysql_fetch_array($groups))
{

echo"<li><a href='./ladders.php?grid=$gro[id]' style='font-weight:bold;'><span class='maintext'>$gro[name]</span></a></li>";

}

echo"
</ul>
</li>";

}
?>
<!-- PLATFORMS - END -->

<li class="line"><a>|</a></li>
<li ><a href="./tournaments.php"><?echo"" . LANG_THEME_TOURNAMENTS . ""?></a>
<ul>

<?php

$tourney=mysql_query("SELECT id,name FROM tournaments WHERE active='1' ORDER BY id");
while ($tour = mysql_fetch_array($tourney))
{

echo"<li><a href='./tournaments.php?tourney[id]=$tour[id]'>$tour[name]</a></li>";

}
?>
</ul>
</li>

<li class="line"><a>|</a></li>
<li ><a href="./shop.php"><?echo"" . LANG_THEME_SHOP . ""?></a></li>

<li class="line"><a>|</a></li>

<li><a href="./manager.php?action=reports"><?echo"" . LANG_THEME_REPORT . ""?></a></li>

<li class="line"><a>|</a></li>
<li ><a href="./ticket.php"><?echo"" . LANG_THEME_TICKETS . ""?></a></li>

<li class="line"><a>|</a></li>
<li ><a href="./members.php"><span style="color:yellow;"><b><?echo"" . LANG_THEME_HALL_OF_FAME . ""?></b></span></a></li>

</ul>
</div>
<!-- SITE NAVIGATION - END -->

<div class="clr"></div>

</div>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 11:29 AM