PDA

View Full Version : سوال: اشکال زدایی کد من؟


SONITAJ
شنبه 19 اسفند 1391, 11:28 صبح
سلام
من یک کد css نوشتم که باهاش فوترم رو تنظیم کنم که پایین صفحه قرار بگیره عرض آن به اندازه عرض صفحه ام باشه ولی زمانی ک اجراش می کنم عکس فوترم زیر منوهام قرار میگیره لطفا یکی به من میگه کجای این کد مشکل داره ولطفا اصلاحیه اون رو برام بذاره:
این کد index.php


<?php
ob_start();
require_once 'config.php';
?>
<!doctype html>
<html dir="rtl">
<meta 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:200px;width:100%"/>
</a>
</div>
</div>
<!---- begin navigation---->
<div id="nav">
<ul>
<li><a href="<?php echo ADDR;?>/support.php"><b>پشتیبانی</b> </a></li>
<li><a href="#"><b>واحد فروش</b></a>
<ul>
<li><a href="<?php echo ADDR;?>/form.php"><b>فرم سفارش</b></a></li>
<li><a href="<?php echo ADDR;?>/follow.php"><b>پیگیری سفارش</b></a></li>
</ul>
</li>
<li><a href="#"><b>راهنما</b></a>
<ul>
<li><a href="<?php echo ADDR;?>/buy.php"><b>راهنمای خرید</b></a></li>
<li><a href="<?php echo ADDR;?>/payment.php"><b>راهنمای پرداخت</b></a></li>
</ul>
</li>
<li><a href="<?php echo ADDR;?>/contact.php"><b>ارتباط باما</b></a></li>
<li><a href="#"></b>درباره ما</b></a>
<ul>
<li><a href="<?php echo ADDR;?>/factory.php"></b>درباره کارخانه</b></a></li>
<li><a href="<?php echo ADDR;?>/manager.php"><b>مسئولان</b></a></li>
</ul>
</li>
<li><a href="#"><b>نمونه کارها</b></a>
<ul>
<li><a href="<?php echo ADDR;?>/facade.php"><b>نمای خارجی</b></a></li>
<li><a href="<?php echo ADDR;?>/inside.php"><b>نمای داخلی</b></a></li>
<li><a href="<?php echo ADDR;?>/floor.php"><b>نمای کف</b></a></li>
</ul>
</li>
<li><a href="#"><b>محصولات</b></a>
<ul>
<li><a href="<?php echo ADDR;?>/ajor.php"><b>طرح آجری</b></a>
<li><a href="<?php echo ADDR;?>/pazel.php"><b>طرح پازل</b></a>
<li><a href="<?php echo ADDR;?>/hasir.php"><b>طرح حصیری</b></a>
<li><a href="<?php echo ADDR;?>/ghaychi.php"><b>طرح قیچی</b></a>
<li><a href="<?php echo ADDR;?>/Namonazam.php"><b>طرح نامنظم</b></a>
<li><a href="<?php echo ADDR;?>/antik.php"><b>طرح آنتیک</b></a>
</ul>
</li>
<li><a href="<?php echo ADDR;?>/index.php"><b>صفحه اصلی</b></a></li>
</ul>
</div>
<!---- end navigation ---->

<!---- begin container---->
<div id="container">
<div class="content">
sslkajlkslsaklldljs
</div>
</div>
<!---- end container---->

<!----begin footer---->
<div id="footer_container">
<div id="footer">
<a href="<?php echo ADDR;?>/index.php"><img src="copyright.jpg"/>
</div>
</div>
<!----end footer---->
</div>
<!----end wrapper----->
</body>
</html>
<?php

ob_end_flush();
?>

اینم فایل 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;
}
#class footer{}
# footer_container{
background:#fff;
border:1px solid #6b727c;
position:fixed;
width:100%;
}
#footer {
line-height:60px;
margin:0 auto;
width:200px;
text-align:center;
}

ممنون میشم کسی راهنماییم کنه .من میخواهم بدونم کدام قسمت css مربوط به فوترم مشکل داره.
لطفا کمک کنید
soroush.r70
شنبه 19 اسفند 1391, 12:01 عصر
نمی دونم ببین درت شد


<!doctype html>
<html dir="rtl">
<meta charset="utf-8"/>
<title></title>
<link href="stylesheet.css" rel="stylesheet" type="text/css"/>
<style>
body{
margin:0;
}
#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;
}
#class footer{}
# footer_container{
background:#fff;
border:1px solid #6b727c;
position:fixed;
width:100%;
}
#footer {
line-height:60px;
margin:0 auto;
width:100%;
text-align:center;
}
</style>

</head>
<body >
<!----begin wrapper---->
<div id="wrapper">
<!----begin mainheader---->
<div id="main_header">
<div id="logo">
<a href="#">
<img src="Wallpaper (1).jpg" style="height:200px;width:100%"/>
</a>
</div>
</div>
<!---- begin navigation---->
<div id="nav" align="center">
<ul>
<li><a href="support.php"><b>پشتیبانی</b> </a></li>
<li><a href="#"><b>واحد فروش</b></a>
<ul>
<li><a href="form.php"><b>فرم سفارش</b></a></li>
<li><a href="follow.php"><b>پیگیری سفارش</b></a></li>
</ul>
</li>
<li><a href="#"><b>راهنما</b></a>
<ul>
<li><a href="buy.php"><b>راهنمای خرید</b></a></li>
<li><a href="payment.php"><b>راهنمای پرداخت</b></a></li>
</ul>
</li>
<li><a href="contact.php"><b>ارتباط باما</b></a></li>
<li><a href="#"></b>درباره ما</b></a>
<ul>
<li><a href="factory.php"></b>درباره کارخانه</b></a></li>
<li><a href="manager.php"><b>مسئولان</b></a></li>
</ul>
</li>
<li><a href="#"><b>نمونه کارها</b></a>
<ul>
<li><a href="facade.php"><b>نمای خارجی</b></a></li>
<li><a href="inside.php"><b>نمای داخلی</b></a></li>
<li><a href="floor.php"><b>نمای کف</b></a></li>
</ul>
</li>
<li><a href="#"><b>محصولات</b></a>
<ul>
<li><a href="ajor.php"><b>طرح آجری</b></a>
<li><a href="pazel.php"><b>طرح پازل</b></a>
<li><a href="hasir.php"><b>طرح حصیری</b></a>
<li><a href="ghaychi.php"><b>طرح قیچی</b></a>
<li><a href="Namonazam.php"><b>طرح نامنظم</b></a>
<li><a href="antik.php"><b>طرح آنتیک</b></a>
</ul>
</li>
<li><a href="index.php"><b>صفحه اصلی</b></a></li>
</ul>
</div>
<!---- end navigation ---->

<!---- begin container---->
<div id="container">
<div class="content" align="center" dir="rtl">
sslkajlkslsaklldljs
</div>
</div>
<!---- end container---->

<!----begin footer---->
<div id="footer_container">
<div id="footer">
<a href="index.php"><img src="Wallpaper (2).jpg" style="height:200px; width:100%"/></a>
</div>
</div>
<!----end footer---->
</div>
<!----end wrapper----->
</body>
</html>
SONITAJ
شنبه 19 اسفند 1391, 12:15 عصر
سلام از لطفتون ممنونم این روش رو خودم امتحان کرده بودم ولی جواب نگرفتم .کسی نیست بهم کمک کنه؟ لطفا یکی کمکم کنه.
soroush.r70
شنبه 19 اسفند 1391, 17:27 عصر
دقیقا می خوای چی کارکنی یه توضیح بهتر بده
khosro_68
شنبه 19 اسفند 1391, 23:52 عصر
چرا از position:fixed استفاده کردی؟ نیاز نداره
tamafi6
یک شنبه 20 اسفند 1391, 00:21 صبح
z-index:0;رابه كدهايي كه بالاقرارميگيره بديدبهfooterاين كدرااضافه كنيدz-index:1‎;‎
SONITAJ
یک شنبه 20 اسفند 1391, 12:47 عصر
سلام میخوام فوترم پایین صفحات وبم قرار بگیره وتکون نخوره وحق ک÷ی رایت رو توداشته باشم.همین ولی تنظیم نمی شه واومده وسط صفحه ام ایستاده درمورد چیزی که بالا گفتید بیشتر وواضح تر توضیح میدید؟منظورم Z-INDEX:0 وZ-INDEX=1 هست >چه جوری .کجا اضافه کنم.؟
soroush.r70
یک شنبه 20 اسفند 1391, 13:27 عصر
<!doctype html>
<html dir="rtl">
<meta charset="utf-8"/>
<title></title>
<link href="stylesheet.css" rel="stylesheet" type="text/css"/>
<style>
body{
margin:0;
}
#wrapper{
height:auto;
}
#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;
}

#footer_container{
background:#fff;
width:100%;
bottom:0;
background-position:bottom;
position:absolute;
z-index:1;
}
#footer {
width:100%;
text-align:center;
bottom:0;
background-position:bottom;
position:absolute;
z-index:2;
}
.textt{
position:absolute;
text-align:center;
direction:rtl;
font-family:Tahoma, Geneva, sans-serif;
font-size:24px;
color:#fff;
z-index:3;
text-decoration:none;
text-shadow:3px 4px 5px#fff;
transition:all 543ms ease-in-out;
-webkit- transition:all 543ms ease-in-out;
-moz- transition:all 543ms ease-in-out;
-ms- transition:all 543ms ease-in-out;
-o- transition:all 543ms ease-in-out;
}
.textt:hover{
color:#C33;
text-shadow:1px 2px 3px#fff;
transition:all 543ms ease-in-out;
-webkit- transition:all 543ms ease-in-out;
-moz- transition:all 543ms ease-in-out;
-ms- transition:all 543ms ease-in-out;
-o- transition:all 543ms ease-in-out;
}
</style>

</head>
<body >
<!----begin wrapper---->
<div id="wrapper">
<!----begin mainheader---->
<div id="main_header">
<div id="logo">
<a href="#">
<img src="1360998219.jpg" style="height:200px;width:100%"/>
</a>
</div>
</div>
<!---- begin navigation---->
<div id="nav" align="center">
<ul>
<li><a href="support.php"><b>پشتیبانی</b> </a></li>
<li><a href="#"><b>واحد فروش</b></a>
<ul>
<li><a href="form.php"><b>فرم سفارش</b></a></li>
<li><a href="follow.php"><b>پیگیری سفارش</b></a></li>
</ul>
</li>
<li><a href="#"><b>راهنما</b></a>
<ul>
<li><a href="buy.php"><b>راهنمای خرید</b></a></li>
<li><a href="payment.php"><b>راهنمای پرداخت</b></a></li>
</ul>
</li>
<li><a href="contact.php"><b>ارتباط باما</b></a></li>
<li><a href="#"></b>درباره ما</b></a>
<ul>
<li><a href="factory.php"></b>درباره کارخانه</b></a></li>
<li><a href="manager.php"><b>مسئولان</b></a></li>
</ul>
</li>
<li><a href="#"><b>نمونه کارها</b></a>
<ul>
<li><a href="facade.php"><b>نمای خارجی</b></a></li>
<li><a href="inside.php"><b>نمای داخلی</b></a></li>
<li><a href="floor.php"><b>نمای کف</b></a></li>
</ul>
</li>
<li><a href="#"><b>محصولات</b></a>
<ul>
<li><a href="ajor.php"><b>طرح آجری</b></a>
<li><a href="pazel.php"><b>طرح پازل</b></a>
<li><a href="hasir.php"><b>طرح حصیری</b></a>
<li><a href="ghaychi.php"><b>طرح قیچی</b></a>
<li><a href="Namonazam.php"><b>طرح نامنظم</b></a>
<li><a href="antik.php"><b>طرح آنتیک</b></a>
</ul>
</li>
<li><a href="index.php"><b>صفحه اصلی</b></a></li>
</ul>
</div>
<!---- end navigation ---->

<!---- begin container---->
<div id="container">
<div class="content" align="center" dir="rtl">
sslkajlkslsaklldljs sslkajlkslsaklldljs
</div>
</div>
<!---- end container---->

<!----begin footer---->
<div id="footer_container">
<div id="footer">
<center><a href="http://www.realdesign.ir/" target="_blank" class="textt"> طراحی به معنای واقعی </a></center>
<a href="index.php"><img src="1360998219.jpg" style="height:200px; width:100%"/></a>
</div>
</div>
<!----end footer---->
</div>
<!----end wrapper----->
</body>
</html>
tamafi6
یک شنبه 20 اسفند 1391, 13:32 عصر
سلام میخوام فوترم پایین صفحات وبم قرار بگیره وتکون نخوره وحق ک÷ی رایت رو توداشته باشم.همین ولی تنظیم نمی شه واومده وسط صفحه ام ایستاده درمورد چیزی که بالا گفتید بیشتر وواضح تر توضیح میدید؟منظورم Z-INDEX:0 وZ-INDEX=1 هست >چه جوری .کجا اضافه کنم.؟
دوست من کدهارامن دیدم اشتباه زیاددارید منو پایین افتادنی پشت باکس منوها قرارمیگیره مونیتورهای کوچکتربهم ریختگی فراوان نشون میده -بعضی ازتگهابازه-شماابتداطراحی راانجام بده بعدبه اونphp اضافه کن صفحه راخیلی شلوغ کردی برای منو ازیه تیکه جاوااسکریپت استفاده کن هم صفحه زیباترمیشه هم اینقدراحتیاج به کدنویسی نداری