Results 1 to 6 of 6

Thread: Help setting DD Tab Menu

  1. #1
    Join Date
    Feb 2008
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Question Help setting DD Tab Menu

    1) Script Title: FF1+ IE5+ Opr7+ DD Tab Menu (5 styles)

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

    3) Describe problem: Urgently need step by step instructions for this menu style....the menu is always displayed as plain links...???

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Sounds like the paths to the .css file references in the HEAD section of your page are incorrect:

    Code:
    <!-- CSS for Tab Menu #1 -->
    <link rel="stylesheet" type="text/css" href="ddtabmenufiles/ddtabmenu.css" />
    
    <!-- CSS for Tab Menu #2 -->
    <link rel="stylesheet" type="text/css" href="ddtabmenufiles/glowtabs.css" />
    
    <!-- CSS for Tab Menu #3 -->
    <link rel="stylesheet" type="text/css" href="ddtabmenufiles/solidblocksmenu.css" />
    
    <!-- CSS for Tab Menu #4 -->
    <link rel="stylesheet" type="text/css" href="ddtabmenufiles/ddcolortabs.css" />
    
    <!-- CSS for Tab Menu #5 -->
    <link rel="stylesheet" type="text/css" href="ddtabmenufiles/chromemenu.css" />
    Make sure the paths point to the .css files on your server.

  3. #3
    Join Date
    Feb 2008
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Here is my modified script. I havent published the files yet....I have kept the .js & .css files in the main folder and also renamed the files. I wish to use the glowtab menu. I dont understand where I'm going wrong....

    Sorry to be such a headache....but I'm dying to use this functionality on my wepage.....

    Thanks....

    Code:
    <HTML>
    
    <Head>
    <script type="text/javascript" src="glowtabs.js">
    
    /***********************************************
    * Drop Down Tabs Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    
    </script>
    
    <!-- CSS for Drop Down Tabs Menu #1 -->
    <link rel="stylesheet" type="text/css" href="glowtabs.css" />
    
    
    <Body>
    
    <div id="Glowtab" class="glowtabs">
    <ul>
    <li><a href="index.htm"title="Home"><span>Home</span></a></li>
    <li><a href="photo.htm"title="Photo"rel="dropmenu1"><span>Photo</span></a></li>
    <li><a href="Guestbook.htm"title="Guestbook" rel="dropmenu2"><span>GuestBook</span></a></li>
    <li><a href="interest.htm" title="Interest"><span>Interest</span></a></li>
    </ul>
    </div>
    
    
    
    
    
    
    
    <!--1st drop down menu --> 
    <div id="dropmenu1" class="dropmenudiv">
    <a href="photo.htm">CSS Drive</a>
    <a href="Guestbook.htm">JavaScript Kit</a>
    <a href="index.htm">Coding Forums</a>
    <a href="favorite.htm">JavaScript Reference</a>
    </div>
    "
    "
    
    
    <script type="text/javascript">
    //SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
    tabdropdown.init("Glowtab", auto)
    </script>
    
    </Body>
    </HTML>
    Last edited by MuzicAngel; 02-17-2008 at 01:39 PM.

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    It's hard to get a complete picture just by the above, but a few things.

    1) Make sure the paths to the .js and .css files in the HEAD of your page are correct. Right now, I see they are just "glowtabs.js" and "glowtabs.css". This means these two files exist in the same directory as where your webpage is, right?

    2) Your guestbook link references the drop down menu "dropmenu2", yet you haven't defined this drop down DIV yet on your page (like you have with "dropmenu1".

  5. The Following User Says Thank You to ddadmin For This Useful Post:

    MuzicAngel (02-18-2008)

  6. #5
    Join Date
    Jan 2008
    Posts
    51
    Thanks
    46
    Thanked 1 Time in 1 Post

    Default

    MuzicAngel,

    Is that coding exactly how it appears on your webpage? Or did you make it shorter to post on here?

    If it's the original, you don't have a closing <head> tag. That could be cause of your problems.

    Insert </head> before <body>

  7. The Following User Says Thank You to ReadyToLearn For This Useful Post:

    MuzicAngel (02-18-2008)

  8. #6
    Join Date
    Feb 2008
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Hi,

    I modified the source of dropdowntabsdemo.htm instead of creating a new web page with script....the Glowtabs are now working as desired....thanks to both of you for being so patient and helpful.

    A request....
    If you can modify the instructions given at Drop Down Tabs (5 Styles) to include the script reference for .js and .css files, it will surely save you the trouble of replying the many threads related to this script (& also the headache...as jerks like me, cant do more than copy and paste things )


    dynamicdrive is simply....DYNAMIC!!!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •