{mahdi}
یک شنبه 18 خرداد 1393, 19:07 عصر
<!doctype html>
<html>
<head>
<style type="text/css">
#mh{
width:100%;height:50px;
z-index:9999999;
position:relative;
}
#main_menu{
height:50px;
position:absolute;
margin:0px;padding:0px;
}
#main_menu li{
list-style:none;
float:left;
width:90px;
text-align:center;
background-color:black;
}
#main_menu li ul{
display:none;
}
#main_menu li:hover ul{
display:block;
}
#main_menu a{
text-decoration:none;
color:white;
display:block;
}
#main_menu a:hover{color:red;}
</style>
<meta charset="utf-8">
<title>Menu</title>
</head>
<body>
<div id="mh">
<ul id='main_menu'>
<li><a href="#">File</a>
<ul><li><a href="#">New</a></li><li><a href="#">Open</a></li><li><a href="#">Open Recent</a></li></ul>
</li>
<li><a href="#">Edit</a>
<ul><li><a href="#">Undo Edit Source</a></li><li><a href="#">Redo</a></li><li><a href="#">Cut</a></li></ul>
</li>
<li><a href="#">View</a>
<ul><li><a href="#">Code</a></li><li><a href="#">Split Code</a></li><li><a href="#">Design</a></li></ul>
</li>
<li><a href="#">Insert</a>
<ul><li><a href="#">Div</a></li><li><a href="#">Html5 Video</a></li><li><a href="#">Canvas</a></li></ul>
</li>
<li><a href="#">Modefy</a>
<ul><li><a href="#">Page Properties</a></li><li><a href="#">Template Properties</a></li><li><a href="#">Manage fonts</a></li></ul>
</li>
<li><a href="#">Format</a>
<ul><li><a href="#">Indent</a></li><li><a href="#">Outdent</a></li><li><a href="#">Paragraph Format</a></li></ul>
</li>
<li><a href="#">Commands</a>
<ul><li><a href="#">Start Recording</a></li><li><a href="#">Play Recording Command</a></li><li><a href="#">Edit Command LIst</a></li></ul>
</li>
<li><a href="#">Site</a>
<ul><li><a href="#">New Site</a></li><li><a href="#">New Business Catalyst Site</a></li><li><a href="#">Manage Site</a></li></ul>
</li>
<li><a href="#">Window</a>
<ul><li><a href="#">Insert</a></li><li><a href="#">Properties</a></li><li><a href="#">Css Designer</a></li></ul>
</li>
<li><a href="#">Help</a>
<ul><li><a href="#">Dreamweaver Help</a></li><li><a href="#">Dreamweaver Support Center</a></li><li><a href="#">Dreamweaver Exchange</a></li></ul>
</li>
</ul>
</div>
</body>
</html>
چرا توی این منو عناصر کاملا به دیواره ها نمیجسبند
<html>
<head>
<style type="text/css">
#mh{
width:100%;height:50px;
z-index:9999999;
position:relative;
}
#main_menu{
height:50px;
position:absolute;
margin:0px;padding:0px;
}
#main_menu li{
list-style:none;
float:left;
width:90px;
text-align:center;
background-color:black;
}
#main_menu li ul{
display:none;
}
#main_menu li:hover ul{
display:block;
}
#main_menu a{
text-decoration:none;
color:white;
display:block;
}
#main_menu a:hover{color:red;}
</style>
<meta charset="utf-8">
<title>Menu</title>
</head>
<body>
<div id="mh">
<ul id='main_menu'>
<li><a href="#">File</a>
<ul><li><a href="#">New</a></li><li><a href="#">Open</a></li><li><a href="#">Open Recent</a></li></ul>
</li>
<li><a href="#">Edit</a>
<ul><li><a href="#">Undo Edit Source</a></li><li><a href="#">Redo</a></li><li><a href="#">Cut</a></li></ul>
</li>
<li><a href="#">View</a>
<ul><li><a href="#">Code</a></li><li><a href="#">Split Code</a></li><li><a href="#">Design</a></li></ul>
</li>
<li><a href="#">Insert</a>
<ul><li><a href="#">Div</a></li><li><a href="#">Html5 Video</a></li><li><a href="#">Canvas</a></li></ul>
</li>
<li><a href="#">Modefy</a>
<ul><li><a href="#">Page Properties</a></li><li><a href="#">Template Properties</a></li><li><a href="#">Manage fonts</a></li></ul>
</li>
<li><a href="#">Format</a>
<ul><li><a href="#">Indent</a></li><li><a href="#">Outdent</a></li><li><a href="#">Paragraph Format</a></li></ul>
</li>
<li><a href="#">Commands</a>
<ul><li><a href="#">Start Recording</a></li><li><a href="#">Play Recording Command</a></li><li><a href="#">Edit Command LIst</a></li></ul>
</li>
<li><a href="#">Site</a>
<ul><li><a href="#">New Site</a></li><li><a href="#">New Business Catalyst Site</a></li><li><a href="#">Manage Site</a></li></ul>
</li>
<li><a href="#">Window</a>
<ul><li><a href="#">Insert</a></li><li><a href="#">Properties</a></li><li><a href="#">Css Designer</a></li></ul>
</li>
<li><a href="#">Help</a>
<ul><li><a href="#">Dreamweaver Help</a></li><li><a href="#">Dreamweaver Support Center</a></li><li><a href="#">Dreamweaver Exchange</a></li></ul>
</li>
</ul>
</div>
</body>
</html>
چرا توی این منو عناصر کاملا به دیواره ها نمیجسبند