Results 1 to 3 of 3

Thread: Drop Down Tabs (5 styles) Positioning

  1. #1
    Join Date
    Mar 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Drop Down Tabs (5 styles) Positioning

    1) Script Title: Drop Down Tabs (5 styles)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...roptabmenu.htm

    3) Describe problem: I am using the script successfully, but my clients want the white space at the right end of the tabs to be gone, so basically stretch the tabs to the edge of the table. I haven't been able to remove this without breaking the tabs to a second row. I have tried making the table narrower, adding letter-spacing, etc. Is there some sort of spacer or setting there to prevent the tabs from getting closer to the right edge of the table?

    View site here: http://71.6.162.58:8124/default.asp

    Just found something else, it is dropping the last tab to the next line in Firefox, but fine in IE - any ideas?

    Thank you for your help!
    Last edited by vegasweb; 03-05-2008 at 07:28 PM.

  2. #2
    Join Date
    Aug 2004
    Posts
    9,903
    Thanks
    3
    Thanked 967 Times in 955 Posts
    Blog Entries
    15

    Default

    Is there some sort of spacer or setting there to prevent the tabs from getting closer to the right edge of the table?
    No, but if you're looking to get rid of any white space that exists at the very start of the left most tab, you can do so with the change in red below:

    Code:
    .ddcolortabs ul{
    font: normal 12px "Times New Roman", Times, serif;
    margin:0;
    padding: 0;
    padding-top:5px;
    list-style:none; 
    }

  3. #3
    Join Date
    Mar 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by ddadmin View Post
    No, but if you're looking to get rid of any white space that exists at the very start of the left most tab, you can do so with the change in red below:

    Code:
    .ddcolortabs ul{
    font: normal 12px "Times New Roman", Times, serif;
    margin:0;
    padding: 0;
    padding-top:5px;
    list-style:none; 
    }
    Thanks, I only had the space on the right side, but I used this to add padding to the left so it now looks centered.

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
  •