Results 1 to 4 of 4

Thread: Remove Spaces Between Tabs (Tab Content script v2.2)

  1. #1
    Join Date
    Dec 2005
    Posts
    107
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Talking Remove Spaces Between Tabs (Tab Content script v2.2)

    1) Script Title: Tab Content script v2.2

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

    3) Describe problem: In this scripts original state there is a small space separating each tab. Is there a way to remove the space so the tabs sit right next to each other without the white space?

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

    Default

    This is really a CSS issue. If you're talking about the very first blue tinted tabs, try floating each tab's link using "float:left". Similar to the two demos that follow it that do this, the tabs should appear side by side with no gaps in between, though to get the exact look you want, you'll obviously need to further modify the CSS.
    DD Admin

  3. #3
    Join Date
    Dec 2005
    Posts
    107
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    So would that be in the html page or in the css or in the .js file?

  4. #4
    Join Date
    Dec 2005
    Posts
    107
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Oh right, css file - got it.

    I added the float left to this:

    .shadetabs li{
    display: inline;
    margin: 0;
    float:left;

    and it works like a charm!

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
  •