lida2010
دوشنبه 10 بهمن 1390, 10:54 صبح
سلام / لطفا کدتون رو بزارید و عکس صفحتون هم تو IE هم تو فایرفاکس
<body " >
<div id="maindiv" >
<div class="image"
style="background-image:
url('images/site/firstPage/banner-web.png');" />
<div class="text">
<ul id="navul">
<li class="navli"><a href="#home">لوگو</a></li>
<li class="navli"><a href="pages/first.aspx">سفارشات</a></li>
<li class="navli"><a href="#contact"> نرم افزار</a></li>
<li class="navli"><a href="#news">اخبار</a>
<li class="navli"><a href="#news">فروشگاه</a></li>
<li class="navli"><a href="#contact">گالري</a></li>
<li class="navli"><a href="#prevacy">محرمانه</a></li>
<li class="navli"><a href="#about">درباره</a></li>
<li class="navli"><a href="#article">مقاله</a></li>
</ul>
</div>
</div>
<div class="banner">
</div>
<br></br>
<form id="form1" runat="server" class="content1" style="width: 1003px; height: 500px">
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server" >
</asp:ContentPlaceHolder>
<div class="text"
style="background-color: #C0C0C0; position: absolute; top: 360px; left: -15px; width: 1005px;" >
<ul id="Ul1" style="background-color: #C0C0C0; margin-left: 200px;" >
<li class="navli" style="padding: "50px""><a href="#home">لوگو</a></li>
<li class="navli" style="padding: "50px""><a href="#contact">گالري</a></li>
<li class="navli" 50px""><a href="#prevacy">محرمانه</a></li>
<li class="navli" style="padding: "50px""><a href="#about">درباره</a></li>
<li class="navli" style="padding: "50px""><a href="#article">مقاله</a></li>
</ul>
</div>
</div>
</form>
</div>
</center>
</body>
اینم css
#header
{
float:none;
background-color: #000000;
background-position: center;
background-repeat: no-repeat ;
}
.banner
{
margin: 10px auto 70px auto;
position: absolute;
width: 629px;
height: 50px;
top: 160px;
right: 333px;
left: 351px;
}
.content1
{
position: relative;
width: 960px;
height: 75px;
top: 57px;
right: 0px;
left: 0px;
bottom: -57px;
}
#navul
{
text-align:left;
list-style-type:none;
font-size:11px;
text-decoration: none;
text-transform: capitalize;
padding:7px;
margin-left: 55px;
margin-top: 122px;
font-family: Tahoma, Arial, sans-serif
}
.navli
{
text-align:center;
list-style-type:none;
padding: 1px;
float:left;
}
.navli a
{
display: block;
padding: 3px 8px;
text-decoration: none;
color: #FFFFFF;
height: 13px;
width: 63px;
}
.navli a:hover
{
font: normal bold;
color: #0000FF;
}
body
{
background-color:black;
font-family: Tahoma;
font-size: 13px;
color: #FFFFFF;
background-repeat: repeat;
text-align: center;
}
.image
{
position: relative;
padding: 0px;
margin-top: 0px;
text-align: center;
margin-right: 20px;
margin-left: 15px;
top: 0px;
left: -15px;
background-attachment: scroll;
width: 960px;
height: 157px;
visibility: visible;
list-style-type: none;
}
.image .text {
position:absolute;
top:0px; /* in conjunction with left property, decides the text position */
left:10px;
}