Results 1 to 3 of 3

Thread: Increase white space between tabs

  1. #1
    Join Date
    Jul 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Increase white space between tabs

    1) Script Title:
    Tab Content Script (v 2.2)

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

    3) Describe problem:
    I figured out how to increase the white space between tabs on the first demo on the page, but I can't figure out how to do this on the 3rd demo.

    I was also able to implement the FF radius element as well for demo 1, but not for demo 3.

  2. #2
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    Code:
    .indentmenu{
    font: bold 13px Arial;
    width: 100%; /*leave this value as is in most cases*/
    }
    
    .indentmenu ul{
    margin: 0;
    padding: 0;
    float: left;
    /* width: 80%; width of menu*/
    }
    
    .indentmenu ul li{
    display: inline;
    }
    
    .indentmenu ul li a{
    float: left;
    color: white; /*text color*/
    background-Color:red;
    padding: 5px 11px;
    text-decoration: none;
    border-right: 1px solid navy; /*navy divider between menu items*/
    margin-Right:10px;
    background: url(http://www.dynamicdrive.com/dynamicindex17/tabcontent/indentbg.gif) center center repeat-x;
    }
    
    .indentmenu ul li a:visited{
    color: white;
    }
    
    .indentmenu ul li a.selected{
    color: white !important;
    padding-top: 6px; /*shift text down 1px*/
    padding-bottom: 4px;
    background: url(http://www.dynamicdrive.com/dynamicindex17/tabcontent/indentbg2.gif) center center repeat-x;
    margin-Right:10px;
    }
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  3. #3
    Join Date
    Jul 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I see that I had two different issues:

    Somehow I mistakenly put the one of the graphics link in the wrong class and was missing margin-Right:10px. I'm pretty sure that I tried the margin-right in a few different places, but because I had the graphics link in the wrong place none of my margin attempt worked.

    Thanks for coming to my rescue so fast!

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
  •