jcbmtt
asked on
div position
i have a menu time, when i press enter on the the last item it should open a div right below it, and should come on top of the content below the menu. some contents div should come over hello world div. please suggest a solution.
<html>
<head>
<style>
#menu li
{
display: inline;
list-style-type: none;
padding-right: 120px;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="#">1 item</a></li>
<li><a href="#">2 item</a></li>
<li><a href="#">3 item</a></li>
<li><a href="#">4 item</a><div style="width:300px;height:300px;background-color:gray;display:none">some contentssome contentssome contentssome contentssome contentssome contents
some contentssome contents some contents some contents some contents some contents</div></a></li>
</ul>
<div style="width:300px;height:300px;background-color:gray">
hello world hello world hello world hello world hello world hello world hello world hello world
hello world hello world hello world hello world
</div>
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
http://www.w3schools.com/css/css_positioning.asp
https://developer.mozilla.org/en/Understanding_CSS_z-index/Adding_z-index