مشکل در منو های سطح سوم

ساخت وبلاگ

آخرین مطالب

امکانات وب

مشکل در منو های سطح سوم

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>فروشگاه اینترنتی</title>

<script src="js/jquery-1.10.2.min.js"></script>

</head>

<body style="margin:0; padding:0;">

<div id="line1" style="width:100%; height:4px; background:#006;"></div><!--line1-->

<style>
#ertebat a{ font-family:tahoma; font-size:12px; margin:0 6px; float:right; }

#ertebat span{float:right;}

#ertebat > a > img{ vertical-align:middle;}

</style>

<div id="ertebat" style="width:1100px; height:37px; margin:0 auto;  background:#D9E1DE; text-align:right; direction:rtl; line-height:35px;">

<a>بازگشت به صفحه نخست</a>
<span>|</span>
<a>درباره ما</a>
<span>|</span>
<a>تماس با ما</a>

<a style="margin-right:180px; margin-top:-10px;"> </a>

<a style="float:left; box-shadow:1px 1px 8px #ccc; margin-left:2px; border-radius:8px;"> <img  src="img/sabad.png"> سبد خرید شما  </a>

</div><!--ertebat-->

<div id="line1" style="width:100%; height:4px; background:#006;"></div><!--line1-->

<style>
#menu1{
    width:100%;
    height:37px;
    background:#006;
    position:absolute;
    display: none;
}

#menu > ul{
    padding:0;
    margin:0;
    width:100%;
    height:100%;
}

#menu > ul >li , #menu >ul >li >ul >li {
    float:right; direction:rtl;
    list-style:none; background:url(img/line1.jpg) right center no-repeat ;
    padding:0 10px; line-height: 34px; font-family:tahoma;
    font-size:12px; height:100%;
    cursor:pointer;
}

#menu ul li ul li ul{
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    top: 100%;
    background: #EEE;
}

#menu ul li ul li ul li{
    display: inline-block;
    color: black;
    
}

#menu > ul >li >img {
    vertical-align:middle;
}

#menu > ul >li >ul {
    padding:0; margin:0;
    width:1100px; height:37px;
    margin:0 auto;
    position:absolute;
    right:0;
    top:37px; z-index:2;
    color:#fff;
    display:none;
}

</style>

<div id="top1" style="width:100%; height:37px; background:#003; margin-top:3px;">

<div id="menu" style="width:1100px; height:100%; background:#A4DAF7; margin:0 auto; height:100%; position:relative;">

<ul>

<li> <img src="img/home54.png"> صفحه نخست </li>

<li> <img src="img/tel.png"> گوشی همراه

<ul>
<li>samsung<ul><li>s7</li></ul></li>
<li>nokia</li>
<li>htc</li>

</ul>

</li>

<li> <img src="img/laptop.png"> لپ تاپ

<ul>
<li>ASUS<ul><li>x555</li></ul></li>
<li>ACER<ul><li>55610</li></ul></li>
<li>SONY<ul><li>nk253</li></ul></li>

</ul>

</li>

<li> <img src="img/tv.png"> تلویزیون </li>

<li> <img src="img/pc.png"> کامپیوتر  </li>

</ul>
<!--menu1-->
<div id="menu2" style="width:1100px;  top:74px; height:37px; background:#ccc; position:absolute; display:none;"></div><!--menu2-->

</div><!--menu-->

<div id="menu1" style=""></div>

</div><!--top1-->

<?php

include('script.php');

?>

برنامه نویس...
ما را در سایت برنامه نویس دنبال می کنید

برچسب : نویسنده : خنجی prog بازدید : 154 تاريخ : جمعه 11 تير 1395 ساعت: 2:26

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه