also das hier drunter ist ne navigation. allerdings wird diese nicht angezeigt wenn ich die seite übern localhost anzeigen lasse. die .js dateien sind alle an der richtigen stelle und teile des stylesheets werden auch angezeigt aber trotzdem wird GAR NICHTS von der navigation angezeigt. irgendjemand ne idee? die css dateien könnte ich hier auch posten!
PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Deviant Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="dynamic javascript menu that has same effect as deviantart menu" />
<meta name="keywords" content="javascript,menu,dynamic,unlimited,mootools" />
<link href="css/global.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/deviantMenu.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="Source/mootools.js"></script>
<script type="text/javascript" src="Source/deviantMenu.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
var devmenu = new deviantMenu('deviantMenu-main-conatiner');
});
</script>
</head>
<body>
<div id="main-container">
<div>
<h1>a Javascript class for Mootools framework that creates an unlimited dynamic menu from a ul lists and has a similar effect as the deviantart menu http://www.deviantart.com</h1>
</div>
<div id="content">
<div id="deviantMenu-main-conatiner">
<ul>
<li>
Menu 1
<ul>
<li>Menu 1-1
<ul>
<li><a href="http://www.mootools.net">Menu 1-1-1</a></li>
<li><a href="#">Menu 1-1-2</a></li>
</ul>
</li>
<li>
Menu 1-2
</li>
<li >Menu 1-3
<ul>
<li>Menu 1-3-1
<ul>
<li>Menu 1-3-1-1</li>
<li>Menu 1-3-1-2</li>
</ul>
</li>
<li>Menu 1-3-2
<ul>
<li>Menu 1-3-2-1</li>
<li>Menu 1-3-2-2</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>Menu 3</li>
<li>Menu 4</li>
<li>Menu 5</li>
<li>Menu 6</li>
<li>Menu 7</li>
<li>Menu 8
<ul>
<li>Menu 8-1</li>
</ul>
</li>
</ul>
</div>
<div id="download">
<a href="https://github.com/dirar/deviantmenu">⇓ Download script</a>
</div>
<div style="margin-top:20px;">
Code by Dirar Abu Kteish - dirar {at} zanstudio {dot} com
<br />
↳ <a href="http://www.developer.ps/moo/Sowar/">Sowar</a>
<br />
↳ <a href="http://developer.ps/moo/mooquee">mooquee</a>
<br />
↳ <a href="http://developer.ps/moo/scrollermoo">scrollermoo</a>
<br />
Tinymce thirdparty plugins
<br />
↳ <a href="http://sourceforge.net/tracker/index.php?func=detail&aid=1588919&group_id=103281&atid=738747">Sooraasp</a>
<br />
↳ <a href="http://sourceforge.net/tracker/index.php?func=detail&aid=1669190&group_id=103281&atid=738747">dfileslink</a>
</div>
</div>
</div>
<div id="footer">
<div style="float:right;margin-right: 10px;">
<a href="http://validator.w3.org/check?uri=referer"><img src="images/xhtml-valid-button.gif" alt="valid XHTML" /></a> <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.developer.ps/moo/mooquee/"><img src="images/css_valid.png" alt="valid css"/></a>
</div>
<div style="float:left;margin-left: 10px;">
mootools: <a href="http://www.mootools.net/">http://www.mootools.net/</a><br />
</div>
</div>
</body>
</html>