bbc_monir
یک شنبه 20 تیر 1389, 12:23 عصر
من هر کار می کنم نمی تونم دومین ul تعریف شده رو در منو نشون بدم. البته خودش ظاهر می شه ولی من می خوام وقتی mouseover اتفاق افتاد این کار صورت بگیره (اولین زیر منوم جواب می دم. اما دومین زیر منو (داخلی ترین) جواب نمی ده! :عصبانی++: ) اینم کدم:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Products Menu</title>
<style>
#nav, #nav ul
{
padding: 0;
margin: 0;
list-style: none;
}
#nav li
{
float: right;
position: relative;
width: 90px;
height: 20px;
background-color: #f6f6f6;
color: #f75801;
font: bold 70% Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
direction: rtl;
border: 1px solid #e1e1e1;
text-align: center;
padding-top: 5px;
}
#nav li:hover
{
background-color: #f1ff96;
}
#nav a:link, #nav a:visited
{
display: block;
text-decoration: none;
color: #868584;
}
#nav a:hover, #nav a:active
{
display: block;
text-decoration: none;
color: #f75801;
}
#nav ul, #nav2 ul
{
display: none;
position: absolute;
padding-top: 7px;
}
#nav ul li, #nav2 ul li
{
float: none;
border: 1px solid #dded6f;
background-color: #f1ff96;
font-size: 100%;
margin: 0;
padding: 0;
}
#nav ul li:hover, #nav2 ul li:hover
{
background-color: #f9ffcf;
}
#nav li:hover ul, #nav2 li:hover ul
{
display: block;
}
</style>
</head>
<body>
<ul id="nav" >
<li><a href="#">programming</a>
<ul id="nav2">
<li><a href="#">web</a>
<ul>
<li><a href="#">css</a></li>
<li><a href="#">java</a></li>
</ul>
</li>
<li><a href="#">window</a>
<ul>
<li><a href="#">vb</a></li>
<li><a href="#">delphi</a></li>
</ul>
</li>
</ul>
</body>
/html>>
راستش هر کار کردم یه کلاس هایی تعریف کنم که با تعداد نامحدود زیر منو باز هم مشکلی ایجاد نکنه نمی شه. فقط روی یک زیرمنو جواب می ده :افسرده:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Products Menu</title>
<style>
#nav, #nav ul
{
padding: 0;
margin: 0;
list-style: none;
}
#nav li
{
float: right;
position: relative;
width: 90px;
height: 20px;
background-color: #f6f6f6;
color: #f75801;
font: bold 70% Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
direction: rtl;
border: 1px solid #e1e1e1;
text-align: center;
padding-top: 5px;
}
#nav li:hover
{
background-color: #f1ff96;
}
#nav a:link, #nav a:visited
{
display: block;
text-decoration: none;
color: #868584;
}
#nav a:hover, #nav a:active
{
display: block;
text-decoration: none;
color: #f75801;
}
#nav ul, #nav2 ul
{
display: none;
position: absolute;
padding-top: 7px;
}
#nav ul li, #nav2 ul li
{
float: none;
border: 1px solid #dded6f;
background-color: #f1ff96;
font-size: 100%;
margin: 0;
padding: 0;
}
#nav ul li:hover, #nav2 ul li:hover
{
background-color: #f9ffcf;
}
#nav li:hover ul, #nav2 li:hover ul
{
display: block;
}
</style>
</head>
<body>
<ul id="nav" >
<li><a href="#">programming</a>
<ul id="nav2">
<li><a href="#">web</a>
<ul>
<li><a href="#">css</a></li>
<li><a href="#">java</a></li>
</ul>
</li>
<li><a href="#">window</a>
<ul>
<li><a href="#">vb</a></li>
<li><a href="#">delphi</a></li>
</ul>
</li>
</ul>
</body>
/html>>
راستش هر کار کردم یه کلاس هایی تعریف کنم که با تعداد نامحدود زیر منو باز هم مشکلی ایجاد نکنه نمی شه. فقط روی یک زیرمنو جواب می ده :افسرده: