mohsen haghighat khah
جمعه 25 مهر 1393, 12:23 عصر
:html Code
<body >
<div class="Header"></div>
<div class="main-menu">
<ul>
<li><a href="#">صفحه نخست</a></li>
<li><a href="#">چاپ</a>
<ul class="sub-menu">
<li><a href="#">چاپ هلیوگراور</a></li>
<li><a href="#">چاپ فلکسوگراور</a></li>
<li><a href="#">چاپ افست</a></li>
</ul>
</li>
<li><a href="#">ملزومات چاپ</a>
<ul class="sub-menu">
<li><a href="#">چسب های کلیشه</a></li>
<li><a href="#">فروش فیلم</a></li>
</ul>
</li>
<li><a href="#">درباره ما</a></li>
<li><a href="#">تماس با ما</a></li>
</ul>
</div>
</body>
: Css code
Body { margin:0;
padding:0;
font:15px b nazanin bold;
line-height:20px; }
.Content-Header { height:265px;
margin-bottom:0; }
.Header { background-image:url(../../Ural%20Novin/img/header.png);
height:215px;
margin:0 auto;
width:995px; }
/**** MENU ***/
a {
text-decoration:none;
color:#F00;
}
a:hover {
color:#F00;
}
.main-menu {
width:995px;
height:50px;
line-height:16px;
position:absolute;
left:0;
right:0;
margin-left:auto;
margin-right:auto; }
.main-menu a {
display:block;
width:170px;
padding:6px;
border:#FFF solid 1px;
background-color:#F00;
color:#000;
}
.main-menu a:hover {
background-color:#FFF;
}
.main-menu ul {
list-style-type:none;
padding-top:0px;
}
.main-menu li {
float:right;
position:relative;
text-align:center;
}
.main-menu li ul a{
text-align:center;
border:0px;
border-bottom:#FFF 1px solid;
}
.main-menu ul.sub-menu {
display:none;
position:absolute;
top:30px;
margin-right:0px;
padding:0px;
z-index:999;
}
.main-menu ul.sub-menu li {
text-align:center;
}
.main-menu li:hover ul.sub-menu {
display: block;
border: 1px solid #FFF;
}
.clear{
clear:both;
}