Slashdot Menu script not expanding

[babwe_zim]

1) Script Title: I cannot get my Slashdot menu to contract or expand

2) Script URL (on DD):
http://www.cdcza.co.za

3) Describe problem:
Could someone please look at my script to see why my menu does not contract or expand. I am new at this script stuff

Thank You

[djr33]

Where's the menu? Can't tell what's supposed to happen...

[djr33]

And, "script url (on DD)" means the SCRIPT PAGE on Dynamic Drive so we can look at the notes and such, then help. You should, as you did, post your site as well.

[ddadmin]

Warning: Please include a link to the DD script in question in your post, in this case: http://www.dynamicdrive.com/dynamicindex1/slashdot.htm. See this thread for the proper posting format when asking a question.

From what I can tell the HTML for your Slashdot menu is most likely broken- that is to say it's not following the required structure of the script's. The correct structure should always be something like:

      <span class="title" id="top"><img src="slashfiles/expanded.gif" class="arrow" alt="-" />Online Tools</span>
      <div class="submenu">
        <a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a>
        <a href="http://www.dynamicdrive.com/emailriddler/">Email Riddler</a>
        <a href="http://tools.dynamicdrive.com/password/">htaccess Password</a>
      </div>

      <span class="title"><img src="slashfiles/expanded.gif" class="arrow" alt="-" />Support Us</span>
      <div class="submenu">
        <a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a>
        <a href="http://www.dynamicdrive.com/link.htm">Link to Us</a>
Resources</a>
      </div>

The part in bold (the headers)- need to be outside the <DIV> that immediately follows (the sub menus for it).

There are a lot of "junk" font tags in your HTML for the menu, so it's hard for me to pinpoint where things are going wrong. But I'd start by stripping away all those redundant tags to better help see where your HTML code has deviated from the original's in terms of structure.

[babwe_zim]

If you follow the following link http://www.cdcza.co.za/inde6x.html you will find a simplified version of my page without most of the junk. I've cleaned up the script around the menu.

However I know the problem lies around the beginning of the script.

 <span class="title" id="top"> 
      <div class="sdmenu"><span class="title" id="top">
          <img src="slashfiles/expanded.gif" class="arrow" alt="-" width="10" height="9" /><font color="#DDDDDD">Services</font></span><font color="#3366CC">

          </font>
      <div class="submenu">

I'm just not sure where.
I put all the <span> tags outside the <div> except the first one, if I try change the first one the whole menu flops.

Sorry to bother all you geniusses

Just so we clear, the menu in question is http://www.dynamicdrive.com/dynamicindex1/slashdot.htm
The website in question is
http://www.cdcza.co.za/inde6x.html

[DimX]

The first [opening tag of] span there is unnecessary.
Also why are you using all the font tags? You can change the color of links in the css file.