PDA

View Full Version : Trouble with Slashdot menu



Dariune
02-08-2008, 11:19 AM
1) Script Title: Slashdot

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/slashdot.htm

3) Describe problem:

Hi guys

Im really stuck with the slashdot menu im using.
I had it working fine until i decided to mess about with some of the commands and its all gone wrong.

I got it to the point where it didnt seem to be looking the the SDmenu.js so any changes i made on that werent being taken into account. I then tried copying the code from the index page supplied with the SD menu zip file into my template (im using Dreamweaver im afraid) and now its not even recognising the CSS and i just cant see what it is im doing wrong.

Im sure its something very obvious which will highlight my ignorance but i just cant find it.

Any help would be much apreciated.

Below is the code from my template...


<!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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>MH Systems</title>
<!-- TemplateEndEditable -->
<link href="../CSS/MHSCSS.css" rel="stylesheet" type="text/css" />
<link href="../sdmenu/sdmenu.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {color: #2c2d96}
.style2 {font-size: x-small}
-->
</style>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>

<body>
<div id="outer">
<div id="Header"></div>
<div id="links">
<link rel="stylesheet" type="text/css" href="sdmenu/sdmenu.css" />
<script type="text/javascript" src="sdmenu/sdmenu.js">
/***********************************************
* Slashdot Menu script- By DimX
* Submitted to Dynamic Drive DHTML code library: http://www.dynamicdrive.com
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>
</script>
<div id="my_menu" class="sdmenu">
<div> <span>Golf</span> <a href="http://www.gcgold.co.uk" class="style1">GCGold</a> <a href="http://tools.dynamicdrive.com/favicon/">Chips</a> <a href="http://www.dynamicdrive.com/emailriddler/">Tee Bookings</a> <a href="../WebServices.html">Web Services</a> <a href="http://tools.dynamicdrive.com/gradient/">Point of Sale</a> <a href="http://tools.dynamicdrive.com/button/">Nominal Legders</a></div>
<div> <span>Schools</span> <a href="http://www.dynamicdrive.com/recommendit/">Dont know</a> <a href="http://www.dynamicdrive.com/link.htm">what to</a> <a href="http://www.dynamicdrive.com/resources/">put here</a></div>
<div class="collapsed"> <span>About Us</span> <a href="http://www.javascriptkit.com">Contact</a> <a href="http://www.cssdrive.com">Meet The Team</a> <a href="http://www.codingforums.com">News</a> <a href="http://www.dynamicdrive.com/style/">Who We Are</a></div>
<div> <span>Partners</span> <a href="../?foo=bar">Dragons Touch</a> <a href="../.">Misco</a> <a href="../index.html">Toshiba Tec</a> <a href="../index.html?query">Web Creative</a></div>
</div>
</div>
<div id="Main"><!-- TemplateBeginEditable name="Main Content" -->Content<!-- TemplateEndEditable --></div>
<div id="Footer"><br />
</div>
</div>
</body>
</html>



Obviously ignore the link titles etc, its a work in progress.
The sdmenu.css/.js is stored in a SDmenu directory along with all the pictures under the root of my website folder.

If your able to help i would greatly apreciate the help.

Many thanks in advance
Lex

P.s. i am editing this to show the code i had before i stopped it from seeing the css

Dariune
02-08-2008, 11:30 AM
Not to worry i just had a blast of inspiration and i have sorted it.
Many thanks anyway