sahel65
چهارشنبه 29 تیر 1390, 20:11 عصر
سلام دوستان؛
من از این سایت کد زیر رو برای منوهای کشویی گرفتم؛
http://www.dynamicdrive.com/style/csslibrary/item/nested_side_bar_menu/P20/
حالا وقتی مثل سایر مثالهای دیگش میخوام باهاش کار کنم منوها به شکل کشویی نمیشه، حتی فایل css و جاوا رو هم از همدیگه جدا کرده و لینک دادم به صفحه اصلی خودم ولی باز هم اجرا نمیشه؛ در نهایت مثل خودش یه فایل css درست کردم و فایل 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=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Sub Item 2.1.3</a></li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</div>
</body>
</html>
من از این سایت کد زیر رو برای منوهای کشویی گرفتم؛
http://www.dynamicdrive.com/style/csslibrary/item/nested_side_bar_menu/P20/
حالا وقتی مثل سایر مثالهای دیگش میخوام باهاش کار کنم منوها به شکل کشویی نمیشه، حتی فایل css و جاوا رو هم از همدیگه جدا کرده و لینک دادم به صفحه اصلی خودم ولی باز هم اجرا نمیشه؛ در نهایت مثل خودش یه فایل css درست کردم و فایل 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=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Sub Item 2.1.3</a></li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</div>
</body>
</html>