سلام دوستان من یه طرح اولیه بری یه سایت طراحی کردم فقط چهار چوب اصلی هست میخوام یه نگاهی بهش بندازید و ایرادها شو بهم بگید
در کل راهنمائیم کنید که چه چیزهایی باید استفاده می شده که نشده و بر عکس
ممنون
این کد css
این هم کد صفحهکد HTML:@charset "utf-8";
/* CSS Document */
/*----------------body---------------*/
.site{
position:absolute;
height:873px;
width:90%;
background-color:#666;
margin-left:5%;
margin-right:5%;
border-radius:12px;
}
.title{
position:absolute;
background-color:#FC0;
width:100%;
height:auto;
font-family:Kamran, Jadid, Homa;
font-size:20px;
font-style:oblique;
text-align:center;
line-height:5pt;
border-radius:4px;
left: 1px;
top: 0px;
}
.news{
position:absolute;
background:#CCC;
width:35%;
height: 187px;
border: inset;
top: 400px;
left: 89px;
border-radius: 10px;
border-left:#960;
border-right:#960;
border-top:#960;
margin-left:0;
text-align: center;
}
.content{
position:absolute;
width:55%;
height:185px;
background-color:#CCC;
left:623px;
top: 402px;
border-radius:10px;
overflow:inherit;
}
/*------head--------*/
/*-------------------------------------header--------------*/
.header{
background-color:#333;
position:absolute;
width:90%;
top:opx;
height: 350px;
left:100px;
background: -moz-linear-gradient( #333, # 000 );
border-radius: 7px;
border-left:#CCC;
border:groove;
border-right:#CCC;
}
/*----menu-----*/
.center{
position:absolute;
width:900px;
height:27.75pt;
margin-left:150px;
top:345px;
overflow: inherit;
}
ul{
width:100%;
margin:0px;
}
li{
display:inline;
text-align:center;
}
a.menu
{
float:right;
width:70pt;
height:20pt;
text-decoration:none;
color:#F90;
background-color:#333;
padding:2pt 6pt;
border-right:1px solid white;
text-align:middle;
line-height:20pt;
border-radius: 8px;
}
a.menu:hover{
color:#000;font:bold; background-color:#F90;
}
/*------------------footer------------------*/
.footer{
position:absolute;
width:90%;
background-color:#930;
left: 89px;
top: 589px;
height:auto;
border-radius:10px;
text-align:right;
padding-right:5px;
}
ممنون از راهنمائیتونکد HTML:<!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" />
<link rel="stylesheet" type="text/css" href="Untitled-3.css" />
<title>Untitled Document</title>
</head>
<body bgcolor="#000000" >
<div class="site">
<div class="header"></div>
<div class="center" style="position:absolute; right:50px top: 238px;; left: 39px; top: 360px;">
<ul>
<li><a class="menu" href="#" >صفحه اصلی</a></li>
<li><a class="menu" href="#">اخبار</a></li>
<li><a class="menu" href="#">درباره ما</a></li>
<li><a class="menu" href="#">عضویت</a></li>
<li><a class="menu" href="#">نمونه کارها</a></li>
<li><a class="menu" href="#">ورود کاربران</a></li>
<li><a class="menu" href="#">تماس با ما</a></li>
</ul>
</div>
<div class="news"><div class="title">
<p>اخبار</p></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div class="content">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div class="footer">
<p>در این قسمت اخبار و اطلاعات با بازدید بالا نمایش داده میشود</p>
<p> </p>
</div>
</div>
</body>
</html>
