سلام دوستان من یه طرح اولیه بری یه سایت طراحی کردم فقط چهار چوب اصلی هست میخوام یه نگاهی بهش بندازید و ایرادها شو بهم بگید
در کل راهنمائیم کنید که چه چیزهایی باید استفاده می شده که نشده و بر عکس
ممنون
این کد 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>