How do I bring the drop down menu to most front ?

Hi experts,

I followed the tutorial at http://www.webdesign.org/web-programming/javascript/sliding-jquery-menu.17229.html  to get a drop down menu.

However I tried to make a table/content in front but the drop down menu seens opens behind the table. Can anyone teach me how to get drop downs menu to the front? for example: the log in drop down menu for site? Thanks :)

Regards
Aaxen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sliding Menu Tutorial | HV-DESIGNS.CO.UK</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="slider.js"></script>

</head>

<body>
<div id="container">
<div id="header">
</div>

<div id="button">
<img src="image/btnhome.jpg" width="184" height="32" border="0" class="menu_class" />
<ul class="the_menu">
<li><a href="#">A Website #1</a></li>
<li><a href="#">A Website #2</a></li>
<li><a href="#">A Link #1</a></li>
<li><a href="#">A Link #2</a></li>
<li><a href="#">A Website #3</a></li>
<li><a href="#">A Website #4</a></li>
<li><a href="#">A Link #3</a></li>
<li><a href="#">A Link #4</a></li>

</ul>

</div>
</div>
<table border="0" cellpadding ='0' cellspacing ='0' align =center  id="table1">
<tr><td style='background-color: #FFFFFF;' height="95" valign = 'top'>This is Not a drill</td></tr></table>
</body>
</html>

Open in new window

aaxenAsked:
Who is Participating?
 
ansudhindraCommented:
Oh! Sorry,

Replace the line
<ul class="the_menu"> with the line
<ul class="the_menu" style="position:absolute;z-index:1;">

Sorry, ignore my previous post.
0
 
ansudhindraCommented:
Hi,

Just replace the below line
<ul class="the_menu" style="position:absolute;z-index:1;">
with <ul class="the_menu">

I tested it is working fine.
0
 
aaxenAuthor Commented:
ahh cool works shows to front. just that the list opens from side instead of below the img
0
 
aaxenAuthor Commented:
aah nvm got it :P Thanks
0
 
ansudhindraCommented:
you got it resolved or you still have some problem?
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.