برطرف کردن مشکل زیر منو

tourkadeh

میشه یه لطف کنید من کد های مربوط به منو رو بزارم و مشکل باز شدنش رو بگید

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<title>دیجی کالا فروشگاه اینترنتی</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="js/jquery-3.2.1.min.js"></script>
</head>
<body>
<header>
<div class="main_header">
<div class="top_container">
<div class="pull_right">
<div class="pull_right-top">
<div class="icon-ghofl"><img src="images/icon-ghofl.png" >
</div>
<span >فروشگاه اینترنتی دیجی کالا، <a href="#">وارد شوید</a></span>
</div>
<div class="icon_sabt"><img src="images/icon-ghofl.png" >
</div>
<div class="rejister">
<span ><a href="#">ثبت نام کنید</a></span>
</div>
<div class="pull_right-bottom">
<div class="basket">
<div class="basket_right">
<div class="sabad">
<img src="images/basket.png">
</div>
</div>
<div class="basket_left">
<div class="sabad_kharid">
سبد خرید
</div>
<div class="circle">0</div>
</div>
</div>
<div class="search">
<input type="text" class="search_text" name="" placeholder="کلمه مورد نظر را وارد کنید">
<button class="search_icon">
</button>
</div>
</div>
</div>
<div class="pull_left">
<img src="images/dijikala.png">
</div>
</div>
</div>
</header>
<nav>
<div id="topmenu">
<ul>
<li>
<a href="#">کالای دیجیتال <span class="icon-down"></span></a>
<ul>
<li>
<a href="#">موبایل</a>
<div class="menulevel3">
<div class="menulevel3_col">
<ul class="ul_menulevel3">
<li><a href="#">گوشی موبایل</a></li>
<li><a href="#">samsung</a></li>
<li><a href="#">apple</a></li>
<li><a href="#">nokia</a></li>
<li><a href="#">htc</a></li>
<li><a href="#">montrela</a></li>
</ul>
</div>
<div class="menulevel3_col"></div>
<div class="menulevel3_col"></div>
<div class="menulevel3_col"></div>
<img src="images/mobile.png" class="imagmenu" alt="تصویر" title="تصویر" >
</div>
</li>
<li><a href="#">تبلت</a></li>
<li><a href="#">لپ تاپ</a></li>
</ul>
</li>
<li>
<a href="#">لوازم خانگی<span class="icon-down"></span></a>
<ul>
<li>
<a href="#">برقی</a>
<div class="menulevel3">
<div class="menulevel3_col">
<ul class="ul_menulevel3">
<li><a href="#">لخچال</a></li>
<li><a href="#">جاروبرقی</a></li>
<li><a href="#">همزن</a></li>
<li><a href="#">چای ساز</a></li>
<li><a href="#">htc0</a></li>
<li><a href="#">montrela0</a></li>
</ul>
</div>
<div class="menulevel3_col"></div>
<div class="menulevel3_col"></div>
<div class="menulevel3_col"></div>
<img src="images/mobile.png" class="imagmenu" alt="تصویر" title="تصویر" >
</div>
</li>
<li>
<a href="#">ساعت</a>
<div class="menulevel3">
<div class="menulevel3_col">
<ul class="ul_menulevel3">
<li><a href="#">سرویس</a></li>
<li><a href="#">قاشق</a></li>
<li><a href="#">چاقو</a></li>
<li><a href="#">nokia</a></li>
<li><a href="#">htc</a></li>
<li><a href="#">montrela</a></li>
</ul>
</div>
<div class="menulevel3_col">
<ul class="ul_menulevel3">
<li><a href="#">گوشی موبایل</a></li>
<li><a href="#">samsung</a></li>
<li><a href="#">apple</a></li>
<li><a href="#">nokia</a></li>
<li><a href="#">htc</a></li>
<li><a href="#">montrela</a></li>
</ul>
</div>
<div class="menulevel3_col">
<ul class="ul_menulevel3">
<li><a href="#">گوشی موبایل</a></li>
<li><a href="#">samsung</a></li>
<li><a href="#">apple</a></li>
<li><a href="#">nokia</a></li>
<li><a href="#">htc</a></li>
<li><a href="#">montrela</a></li>
</ul>
</div>
<div class="menulevel3_col"></div>
<img src="images/tablet-ebook-reader.png" class="imagmenu" alt="تصویر" title="تصویر" >
</div>
</li>
<li><a href="#">لپ تاپ</a></li>
</ul>
</li>
<li><a href="#"> زیبایی و سلامت<span class="icon-down"></span></a></li>
<li><a href="#">فرهنگ و هنر<span class="icon-down"></span></a>
</li>
<li><a href="#">ورزش و سرگرمی<span class="icon-down"></span></a></li>
</ul>
</div>
</nav>

<div class="main">
<div id="banner-top">
<img class="images-banner" src="images/baner.jpg">
</div>
<div class="sidbar">
<img class="border-telegram" src="images/telegram.jpg">
<ul class="margin_bottom">
<li><a href="#"><img src="images/012.jpg"></a></li>
<li><a href="#"><img src="images/013.jpg"></a></li>

</ul>
<div class="brands">
<ul>
<li><a href="#"><img src="images/finish.png"></a></li>
<li><a href="#"><img src="images/samsung-brand.jpg"></a></li>
<li><a href="#"><img src="images/snowa-cc6b61.png"></a></li>
<li><a href="#"><img src="images/x.vision.png"></a></li>
<li><a href="#"><img src="images/pars-khazar-8cdaa4.png"></a></li>
<li><a href="#"><img src="images/x.vision.png"></a></li>

</ul>

</div>

</div>

<div class="container">

</div>

</div>

</body>
<script>
var timer;
$('#topmenu li').hover(function(){
var tag=$(this);
timer=setTimeout(function(){
$('> ul',tag).fadeIn(0);

tag.addClass('activemenu');

$('> .menulevel3',tag).fadeIn(0);
},400)
},function(){
var tag=$(this);
timer=setTimeout(function(){
$('> ul',tag).fadeOut(0);
tag.removeClass('activemenu');
$('> .menulevel3',tag).fadeOut(0);
},1000)
});
</script>

</html>

از اینجا به بعد هم css

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input, textarea, button, select {
font-family: "welearn";
}
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

body{
background: #EEEFF1;
}

@font-face{
font-family: 'yekan'
src: url('fonts/yekan.ttf') format('truetype'),
url('fonts/yekan.eot?#') format('embedded-opentype');
}

.font11{font:11px yekan;}
.font12{font:12px yekan;}
.font13{font:13px yekan;}
.font14{font:14px yekan;}
.font15{font:15px yekan;}

.main_header{
width: 100%;
height: 110px;
margin: 0 auto;
background: #fff;

}
a{
text-decoration: none;
}
.top_container{
width: 1200px;
height: 110px;
margin: 0 auto;

}

.pull_right{
float: right;
width: 650px;
height: 100px;

}
.pull_left{
float: left;
width: 180px;
height: 100px;
}
.icon-ghofl img{
width: 25px;
height: 25px;
margin-top: 9px;
float: right;
}

.pull_right-top span{
color: gray;
margin:15px 15px 25px 0;
float: right;

}

}
.pull_right-top{
width: 650px;
height: 40px;

}

.pull_right-bottom{
width: 650px;
height: 40px;
float: right;

}
.pull_right .pull_right-top a{
color: gray;
}
.pull_right .pull_right-top a:hover{
color: red;
}

.pull_left img{
margin-top: 20px;
}

.icon_sabt img{
width: 25px;
height: 25px;
margin-top: 9px;
display:inline-block;
}

.icon_sabt{
width: 50px;
height: 25px;
float: right;
margin-right: 15px;
}

.rejister{
width: 100px;
height: 40px;
float: right;
}
.rejister span{

margin:15px 0px 25px 0;
float: right;

}

.rejister span a{
color: gray;
}
.rejister span a:hover{
color: red;
}

.basket{
width: 190px;
height: 40px;
display: inline-block;
}
.basket_right{
width: 25px;
height: 25px;
float: right;
}

.basket_right img{
margin: 8px 14px;
width: 25px;
height: 25px;

}

.sabad{
width: 55px;
height: 40px;
background: #62B965;
border-radius: 0 4px 4px 0;

}
.basket_left{
width: 135px;
height: 40px;
background:#4CAF50;
float: left;
border-radius:4px 0 0 4px;

}

.sabad_kharid{
float: right;
padding-right: 30px;
line-height: 38px;
color: #fff;

}

.circle{
width: 24px;
height: 24px;
border-radius: 100%;
float: left;
background: rgba(255,255,255,.4);
padding: 4px 7px;
margin: 6px 8px 6px 25px;
color: #fff;
}

.search{
width: 450px;
height: 40px;
float:left;
margin-left: 3px;
position: relative;

}

.search_text{
width: 440px;
height: 38px;
border:1px solid gray;
padding-right: 10px;
font-size: 14px;
margin-right: 10px;
}

.search_icon{
width: 45px;
height: 38px;
background: #ccc url(images/search-icon.png) no-repeat center;
border: 0;
position: absolute;
left:-1px;
top:0px;
}
.search_icon:hover{
background: #9DA3B1 url(images/search-icon.png) no-repeat center;
}
nav{
width: 100%;
height: 40px;
background: #F7F8FA;
border-top:1px solid #F1F2F4;
box-shadow: 0 1px 3px #ccc;
}

#topmenu{
width: 1200px;
height: 40px;
margin: 0 auto;

}
#topmenu > ul{
list-style: none;
padding: 10px 15px;
position: relative;

}
#topmenu > ul > li{
float: right;
height: 40px;

}
#topmenu > ul > li > a{
display: block;
padding: 0 15px;
color: #000000;
height: 40px;

}
.icon-down{
display:block;
width: 20px;
height: 20px;
background: url(images/down-icon.png) no-repeat center;
float: left;
margin-right: 5px;
}
#topmenu > ul > li > ul{
width: 1199px;
height: 40px;
background: #fff;
position: absolute;
margin: -10px 0 0 0 ;
box-shadow: 0 2px 3px #ccc;
right: 0;
display: none;
}

#topmenu > ul > li > ul > li{
float: right;
padding: 10px 20px;

}
#topmenu > ul > li > ul > li > a{
color: #000;
display: block;
}

.menulevel3{
width: 1200px;
height: 320px;
background: #f9f9f9;
position: absolute;
border-top:1px solid #ccc;
margin: 14px 0 0 0;
right: 0;
box-shadow: 0 1px 2px #ccc;
display: none;
}

.menulevel3_col{
width: 300px;
height: 100%;
border-left: 1px solid #ccc;
float: right;

}
.imagmenu{
position: absolute;
left: 0;
top: -10px;
}

.ul_menulevel3{
padding: 10px 10px 0 0 ;
}

.ul_menulevel3 li{
padding-right: 18px;
padding-bottom: 10px;
}

.ul_menulevel3 li:first-child > a{
color: blue;

}
.ul_menulevel3 li:first-child {
padding-right: 5px;
}

.ul_menulevel3 li a{
color: #000;
}

#topmenu > ul > li:hover > a{

color: blue;
transition: all 0.2s ease;
}

.activemenu > ul > li:hover > a {
color: red!important;
transition: all 0.2s ease;
}

.activemenu ul ul >li:hover > a{
color: orange;
transition: all 0.2s ease;
}

.main{
width: 1200px;
height: 600px;

margin: 0 auto;
margin-top: 15px;
}

.banner-top{
width: 1200px;
height: 140px;
border-radius: 5px;
}

.images-banner{
width: 100%;
height: 139px;
border-radius: 6px;
margin-bottom: 10px;
}
.sidbar{
float: right;
width: 290px;
height: 500px;

}
.container{
float: left;
width: 890px;
height: 600px;
background: red;

}
.border-telegram{
border-radius: 6px;
}
.margin_bottom img{
margin-bottom: 8px;
}

.brands{
float: right;
width:300px;
height: auto;
margin-bottom: 12px;
}
.brands a{
background: #fff;
width: 140px;
height: 95px;
display: block;
box-shadow: 0 1px 3px #ccc;
border-radius: 4px;
overflow: hidden;
margin: 0 0 10px 10px;
float: right;

}
.brands a img{
width: 100%;

}

.brands a:nth-child(even){
float: left;
margin: 0;
}

tourkadeh

هیچکسی نمیتونه کمک کنه؟

Solver

بهتره پست خودتون را ویرایش کنید و کدها رو در تگ Code اینجا ارسال کنید یا اگر امکانش باشد در یک فیدل آنلاین مثل لینک های زیر ایجادشد کنید و فقط لینک را ارائه کنید تا امکان بررسی فراهم باشد:

[External Link Removed for Guests]

[External Link Removed for Guests]

tourkadeh

Solver نوشته شده:بهتره پست خودتون را ویرایش کنید و کدها رو در تگ Code اینجا ارسال کنید یا اگر امکانش باشد در یک فیدل آنلاین مثل لینک های زیر ایجادشد کنید و فقط لینک را ارائه کنید تا امکان بررسی فراهم باشد:

[External Link Removed for Guests]

[External Link Removed for Guests]

این سایت ها برای کد نوشتن هست؟ چطوری ایراد رو میگیره؟ من از برنامه sublime استفاده میکنم

مرکز انجمنهای تخصصی

برطرف کردن مشکل زیر منو

برطرف کردن مشکل زیر منو

Re: برطرف کردن مشکل زیر منو

Re: برطرف کردن مشکل زیر منو

Re: برطرف کردن مشکل زیر منو