ورود

View Full Version : سوال: مشکل در اضافه کردن اسلایدر به صفحه اول سایت


sh.khaleghi
سه شنبه 06 شهریور 1397, 15:57 عصر
دوستان سلام دارم یه سایت بر پایه 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>&copy 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;

}






در ضمن هر کدوم از دوستان نظر و یا راهنمایی داشته باشن با جان و دل میشنوم
anvar
سه شنبه 06 شهریور 1397, 16:39 عصر
سلام

کد شما کلا سر و ته نامشخصی داره

کدهای css شما کامل نیستند - خیلی از جاها یک تگ رو باز می کنید و هیچوقت هم نمی بندید. استایل های منو اصلا وجود ندارند. بعضی از جاها یک کلاس تعریف کردید تو css یه چیز دیگه ارجاع دادید

کدهای css فایل Style.css و menu.css رو جدا بذارید یا فایل ها رو کامل ضمیمه کنید
sh.khaleghi
شنبه 10 شهریور 1397, 11:21 صبح
با سلام
متشکرم از جوابی که دادید
من کد های 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 ;
}
anvar
شنبه 10 شهریور 1397, 19:53 عصر
در قسمت هیدر سایت زمانی که به یک div خاصیت float میدی باید برای div های همسایه اش هم اینکار رو بکنی
در کد html کلاسی بنام right_header داری اما در css برای اون قواعدی تعریف نکردی - البته در css یک کلاس بنام right_div که احتمالا باید به right_header تغییرش بدی تا اون قسمت درست بشه.

در ضمن در html5 تگی به اسم center نداریم که چند جا از اون استفاده کردی
همچنین بعنوان یک قاعده کلی هر جا تگی باز میشه باید در جای مناسبش هم بسته بشه
هیچوقت تگ div رو داخل تگ های تیتر (H1 - H6) نذار, چون اینها کنترل ظرف نیستند
sh.khaleghi
یک شنبه 11 شهریور 1397, 09:51 صبح
مرسی از راهنمایی هایی که داشتید اما مشکل اسلایدر من حل نمیشه؟ علت اینکه با اضافه کردن کد های اسلایدر چرا صفحه بهم میریزه چیه؟
sh.khaleghi
شنبه 17 شهریور 1397, 16:25 عصر
دوستان کسی نظری نداره؟
هیچ کسی راهنمایی نمیتونه بکنه کارم گیره