SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need Help Tweeking a 2-level Tab Menu

    I've implemented a script into a website i'm designing but I need to alter it a bit. I got the script from here: http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm

    Here's my page and my code:
    http://andybrownmedia.com/domtabs/HTML/index.html
    http://andybrownmedia.com/domtabs/HTML/ddtabmenu.js
    http://andybrownmedia.com/domtabs/HTML/ddtabmenu.css

    What I want to do is eliminate the default tab but still have the default text remain. right now the default tab is just a "period". I know I could probably style it make it appear as if it isn't there but I'd rather just eliminate it.

    I've tried a few things, like just deleting the tab from the HTML code (the default text disappears) and changing the variables in code (just screws it up royally).

    Is what I'm looking to do possible with they way this code is set up?

    Thanks!

    Brooklynartist10

  2. #2
    SitePoint Wizard bronze trophy Black Max's Avatar
    Join Date
    Apr 2007
    Posts
    4,029
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Without looking at it, I'll tell you that I've had bad experiences with Dynamic Drive code. They tend to be a bit glitchy. There are a blue million tabbed code templates out there. You might do well to do some checking of other ones.

  3. #3
    SitePoint Wizard bronze trophy Black Max's Avatar
    Join Date
    Apr 2007
    Posts
    4,029
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Okay, just a quick thought, since I'm no expert on JS-driven menus. You might remove this line:

    Code:
    <li><a href="http://index.html" rel="sc1">.</a></li>
    and put some left padding on the "News" tab. However, it might break the code. Why not just delete that list item entirely?

    Also, this:

    Code:
    <li><a href="http://index.html" rel="sc1">.</a></li> 
    <li><a href="http://news.html" rel="sc2">NEWS</a></li>
    is invalid.

  4. #4
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks your reply. I tried removing that line but then it also removes the default text.

    I'm might try a CSS only solution that I found here: http://www.kamikazemusic.com/demo/csstabs.html


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
  •