مشکل در اضافه کردن اسلایدر به صفحه اول سایت
دوستان سلام دارم یه سایت بر پایه html و Css طراحی میکنم
برای صفحه اولش به یه مشکلی خوردم که گیجم کرده
هر کاری میکنم اسلایدر بیارم تو صفحه اصلی سایت نمیشه یا منو رو بهم میریزه یا اسلاید ها زیر هم نمایش داده میشن
ممنون میشم دوستان کمکم کنن
کد اچ تی ام ال
<HTml>
<head>
<title></title>
<link rel="stylesheet" href="Style.css">
<link rel="stylesheet" href="Menu.css">
</head>
<body>
<div class="header">
<div class="left_header"></div>
<div class="right_header"><center><br>
<br>
<br>
<p>TEL US </p>
<p>0000000</p></center>
</div>
</div>
<div class="nav"><center>
<ul id="main-menu">
<li><a href="#">صفحه اصلی</a></li>
<li><a href="#">آموزش ها</a>
<ul>
<li><a href="#">زمینی</a></li>
<li><a href="#">هوایی</a></li>
<li><a href="#">دریایی</a></li>
<li><a href="#">ریلی</a></li>
</ul>
</li>
<li><a href="#">خدمات</a>
<ul>
<li><a href="#">زمینی </a></li>
<li><a href="#">هوایی</a></li>
<li><a href="#">دریایی</a></li>
<li><a href="#">ریلی</a></li>
</ul>
<li><a href="#">تماس با ما</a></li>
</ul></center>
</div>
<div class="warper"><center><br><br><br><p> سایت در حال تعمیر است به زودی صفحه اصلی فعال خواهد شد </p>
<p>coming soon</p></center>
</div>
<div class="foter"><Center><h6>
<div id="footer1"><p> </p>
<p>© 2014-2018</p></h6>
</div>
</Center></div>
</body>
</html>
کد CSS
.header{
width: 100%;
height: 210px;
}
.left_header{
width: 70%;
height: 200px;
background:url(logo.png);
-moz-background-size:100% 100%; /* Firefox 3.6 */
background-size:100% 100%;
background-repeat:no-repeat;
float: right;
}
.right_div{
width: 30%;
height: 200px;
float: right;
}
.nav{
width: 100%;
height: 50px;
}
.warper{
width: 100%;
height: 999px;
}
.footer{
width: 100%;
height: 210px;
background-image: url("footer.jpg");
float: right;
}
در ضمن هر کدوم از دوستان نظر و یا راهنمایی داشته باشن با جان و دل میشنوم
نقل قول: مشکل در اضافه کردن اسلایدر به صفحه اول سایت
سلام
کد شما کلا سر و ته نامشخصی داره
کدهای css شما کامل نیستند - خیلی از جاها یک تگ رو باز می کنید و هیچوقت هم نمی بندید. استایل های منو اصلا وجود ندارند. بعضی از جاها یک کلاس تعریف کردید تو css یه چیز دیگه ارجاع دادید
کدهای css فایل Style.css و menu.css رو جدا بذارید یا فایل ها رو کامل ضمیمه کنید
نقل قول: مشکل در اضافه کردن اسلایدر به صفحه اول سایت
با سلام
متشکرم از جوابی که دادید
من کد های Style.css و Menu.css رو هم به صورت جداگانه اضافه کردم
منتظر پاسخ شما هستم
Style.css
.header{
width: 100%;
height: 210px;
}
.left_header{
width: 70%;
height: 200px;
background:url(logo.png);
-moz-background-size:100% 100%; /* Firefox 3.6 */
background-size:100% 100%;
background-repeat:no-repeat;
float: right;
}
.right_div{
width: 30%;
height: 200px;
float: right;
}
.nav{
width: 100%;
height: 50px;
}
.warper{
width: 100%;
height: 999px;
}
.footer{
width: 100%;
height: 210px;
background-image: url("footer.jpg");
float: right;
}
Menu.css
*{
margin: 0;
padding: 0;
direction: rtl;
}
#main-menu li{
float: right;
width: 15%;
height: 100%;
line-height: 60px;
list-style: none;
text-align: center;
background: #95A5A6
}
#main-menu li a{
text-decoration: none;
color:white;
font-weight: bold;
}
#main-menu ul{
display: none;
}
#main-menu li:hover ul{
display: block;
}
#main-menu li:hover{
background:#C0C0C0;
}
#main-menu li:hover a{
background:#95A5A6;
}
#main-menu ul li{
background: #C0C0C0 ;
}
#main-menu ul li:hover{
background: #95A5A6 ;
}
#main-menu ul li:hover a{
background: #C0C0C0 ;
}
نقل قول: مشکل در اضافه کردن اسلایدر به صفحه اول سایت
در قسمت هیدر سایت زمانی که به یک div خاصیت float میدی باید برای div های همسایه اش هم اینکار رو بکنی
در کد html کلاسی بنام right_header داری اما در css برای اون قواعدی تعریف نکردی - البته در css یک کلاس بنام right_div که احتمالا باید به right_header تغییرش بدی تا اون قسمت درست بشه.
در ضمن در html5 تگی به اسم center نداریم که چند جا از اون استفاده کردی
همچنین بعنوان یک قاعده کلی هر جا تگی باز میشه باید در جای مناسبش هم بسته بشه
هیچوقت تگ div رو داخل تگ های تیتر (H1 - H6) نذار, چون اینها کنترل ظرف نیستند
نقل قول: مشکل در اضافه کردن اسلایدر به صفحه اول سایت
مرسی از راهنمایی هایی که داشتید اما مشکل اسلایدر من حل نمیشه؟ علت اینکه با اضافه کردن کد های اسلایدر چرا صفحه بهم میریزه چیه؟
نقل قول: مشکل در اضافه کردن اسلایدر به صفحه اول سایت
دوستان کسی نظری نداره؟
هیچ کسی راهنمایی نمیتونه بکنه کارم گیره
