رفتن به مطلب

راه نمایی در ایجاد منو عمودی


پست های پیشنهاد شده

سلام

اشکال منوی زیر تو اینه که وقتی زیر منو های را باز میکنیم در زیر همون قسمتی که هستیم باز میشه ولی من میخوام تمام زیر منو ها از اول سطر بعد باز بشن مثل سایت برترینها

کدهای HTML


<div class="menu">
<ul>
<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>
<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>
<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> </li>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
</ul>
</div>

کد های css


.menu { list-style:none ; float:right ; margin-right:-43px }
.menu ul { list-style:none ; margin: -4px 7px }
.menu li { float:right ; border-left:1px solid #aaa ; position:relative ;margin: 0 -5px; }
.menu li a { text-decoration:none ; float:right ; padding:0 15px ; line-height:38px ; color:#000000 }
.menu li:hover { background:#5F5F5F }
.menu li:hover a { color:#FFFFFF }
.menu li ul { list-style: none;
width: 1000px;
position: absolute;
top: 38px;
right: -32px;
display: none; }
.menu li:hover ul { display:block ; }
.menu li ul li { float:none ; border-left:none ; }
.menu li ul li a { float:right ; display:block ; color:#000000 !important ;margin: 0 -9px; }

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...