سوال: در مورد منوی آبشاری در html [بایگانی]

فاطمه_14

پنج شنبه 19 مرداد 1391, 21:30 عصر

سلام
خسته نباشید
این کد مربوط به منوی آبشاری هس البته فقط قسمت های ضروریش رو نوشتم ولی فکر می کنم بعضی از قسمتهای این کد اضافی اند مثلا کد display:block; خیلی تکرار شده
می شه قسمت های غیرضروریش رو بگید حذف کنم.
ممنون
*{ margin:0px; padding: 0px; }
#haji ul li
{
list-style-type:none;
float:right;
position:relative;
}
#haji ul li a
{
display:block;
margin:0 8px 0 0;
color:red;
}
#haji ul li ul
{
display:none;
}
#haji ul li:hover ul
{
display:block;
position:absolute;
}
#haji ul li:hover ul li a
{
display:block;
}

و کد html

<html>
<head>
<title>In the name of GOD</title>
<link rel="stylesheet" type="text/css" href="index.css"/>
</head>
<body>
<div id="haji">
<ul>
<li><a href="#">صـفحه ی اصلی</a>

</li>
<li>
<a href="#" style="border-bottom-style:none">محصولات</a>
<ul>
<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>
<li><a href="#">تماس با ما</a></li>
<li><a style="border-left-color:rgb(185,63,66)" href="#">درباره ما</a></li>
</ul>
</div>
</body>
</html>

hamidre13

جمعه 20 مرداد 1391, 00:40 صبح

دوست عزیز لطف کن اچ تی ام ال رو هم بزار همچنین عکس منو رو هم بزار تا بشه گفت چی زیاد هست.فک می کنم :
#haji ul li:hover ul
{
display:block;
position:absolute;
}
#haji ul li:hover ul li a
{
display:block;
}

زیاد هست (مطمئن نیستم تست کن اول!)

فاطمه_14

جمعه 20 مرداد 1391, 01:45 صبح

و این هم عکسی ساده ار منوی من