SONITAJ
جمعه 04 اسفند 1391, 23:47 عصر
سلام من یه قالب وب بااستفاده از wrapper در html وcss درست کردم به طوری عکس لوگو بالای صفحه ،منو زیر لوگو فوترهم پایین صفحه به صورت زیر(این کدم هست) ولی نمیتونم با css طوری تعریفش کنم که چیزی که میخوام دربیاد کسی بهم میگه کجای کد من مشکل داره .من توی css خیلی وارد نیستم یا بهتر بگم بلدنیستم تمام کتاب فروشی های شیراز رو هم گشتم کتاب آموزشش رو پیدا نکردم .بعضی از کتاب فروشی ها حتی نمیدونستند که css چیه.
<php
ob_start();
require_once 'config.php';
?>
<html dir="rtl">
<meta http-equive="content-type" content="text/html;charset=utf-8"/>
<title><?php echo TITR;?></title>
<link href="stylesheet.css" rel="stylesheet" type="text/css"/>
</head>
<body >
<!----begin wrapper---->
<div id="wrapper">
<!----begin mainheader---->
<div id="main_header"
<div id="logo"><a href="#"><img src="keyvan logo.png" style="height:300px;width:100%"/></a></div>
</div>
<!---- begin navigation---->
<div id="nav">
<ul>
<li><a href="#">صفحه اصلی </a></li>
<li><a href="about.php">درباره ما</a></li>
<li><a href="contact.php">ارتباط باما</a></li>
<li><a href="#">فروش محصولات</a>
<ul><li><a href="buy.php">راهنمای خرید</a></li>
<li><a href="payment.php">راهنمای پرداخت</a></li>
</ul
</li>
<li><a href="#">پشتیبانی</a></li>
</ul>
</div>
<!---- end navigation ---->
<!---- begin container---->
<div id="container">
<div class="content"</div>
</div> <!---- end container---->
<!----begin footer---->
<div id="footer">
<p><h4>تمام حقوق مادی ومعنوی این وب سایت متعلق به گروه سنگ کیوان است.
</h4></p></div>
</div>
<!----end footer---->
</div><!----end wrapper----->
</body>
</html>
<?php
ob_end_flush();
?>
این کد فایل index.php منه .
اینم فایل stylesheet.css من :
class menu {
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul {
background: #efefef;
background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
padding: 0 20px;
border-radius: 10px;
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: ""; clear: both; display: block;
}
nav ul li {
float: left;
}
nav ul li:hover {
background: #4b545f;
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
nav ul li:hover a {
color: #fff;
}
nav ul li a {
display: block; padding: 25px 40px;
color: #757575; text-decoration: none;
}
nav ul ul {
background: #5f6975; border-radius: 0px; padding: 0;
position: absolute; top: 100%;
}
nav ul ul li {
float: none;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
nav ul ul li a {
padding: 15px 40px;
color: #fff;
}
nav ul ul li a:hover {
background: #4b545f;
}
nav ul ul ul {
position: absolute; left: 100%; top:0;
}
}
ولطفا به هم میکید چه جوری درستش کنم(منظورم کدcss ام هست تاچیزی که میخوام دربیاد.)
درضمن میخوام بین منو وفوترم به دو قسمت تقسیم بشه سمت راست برای صفحه لینک هام (200px)وسمت چپ بشه صفحه اصلی وبم.
<php
ob_start();
require_once 'config.php';
?>
<html dir="rtl">
<meta http-equive="content-type" content="text/html;charset=utf-8"/>
<title><?php echo TITR;?></title>
<link href="stylesheet.css" rel="stylesheet" type="text/css"/>
</head>
<body >
<!----begin wrapper---->
<div id="wrapper">
<!----begin mainheader---->
<div id="main_header"
<div id="logo"><a href="#"><img src="keyvan logo.png" style="height:300px;width:100%"/></a></div>
</div>
<!---- begin navigation---->
<div id="nav">
<ul>
<li><a href="#">صفحه اصلی </a></li>
<li><a href="about.php">درباره ما</a></li>
<li><a href="contact.php">ارتباط باما</a></li>
<li><a href="#">فروش محصولات</a>
<ul><li><a href="buy.php">راهنمای خرید</a></li>
<li><a href="payment.php">راهنمای پرداخت</a></li>
</ul
</li>
<li><a href="#">پشتیبانی</a></li>
</ul>
</div>
<!---- end navigation ---->
<!---- begin container---->
<div id="container">
<div class="content"</div>
</div> <!---- end container---->
<!----begin footer---->
<div id="footer">
<p><h4>تمام حقوق مادی ومعنوی این وب سایت متعلق به گروه سنگ کیوان است.
</h4></p></div>
</div>
<!----end footer---->
</div><!----end wrapper----->
</body>
</html>
<?php
ob_end_flush();
?>
این کد فایل index.php منه .
اینم فایل stylesheet.css من :
class menu {
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul {
background: #efefef;
background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
padding: 0 20px;
border-radius: 10px;
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: ""; clear: both; display: block;
}
nav ul li {
float: left;
}
nav ul li:hover {
background: #4b545f;
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
nav ul li:hover a {
color: #fff;
}
nav ul li a {
display: block; padding: 25px 40px;
color: #757575; text-decoration: none;
}
nav ul ul {
background: #5f6975; border-radius: 0px; padding: 0;
position: absolute; top: 100%;
}
nav ul ul li {
float: none;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
nav ul ul li a {
padding: 15px 40px;
color: #fff;
}
nav ul ul li a:hover {
background: #4b545f;
}
nav ul ul ul {
position: absolute; left: 100%; top:0;
}
}
ولطفا به هم میکید چه جوری درستش کنم(منظورم کدcss ام هست تاچیزی که میخوام دربیاد.)
درضمن میخوام بین منو وفوترم به دو قسمت تقسیم بشه سمت راست برای صفحه لینک هام (200px)وسمت چپ بشه صفحه اصلی وبم.