دوستان سلام دارم یه سایت بر پایه 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;
}
در ضمن هر کدوم از دوستان نظر و یا راهنمایی داشته باشن با جان و دل میشنوم