Results 1 to 2 of 2

Thread: How do I modify the Tab Content to my Choice?

  1. #1
    Join Date
    Jul 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question How do I modify the Tab Content to my Choice?

    1) Script Title: Tab Content Script

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

    3) Describe problem: OK I have been able to resize the content box and have been able to add tables to the content box. What I am trying to do is to make the tabs closer together and to Change the background color of the Content Box is that possible? And if it is how Can I do this?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    To get the tabs closer together edit this style from tabcontent.css:

    Code:
    .shadetabs li a{
    text-decoration: none;
    padding: 3px 7px;
    margin-right: 3px;
    border: 1px solid #778;
    color: #2d2b2b;
    background: white url(shade.gif) top left repeat-x;
    }
    using -4px will make them touch.

    The background color of the content box can be set by adding a background-color property/value pair here (addition red):

    Code:
    .tabcontentstyle { /*style of tab content oontainer*/
    border: 1px solid gray;
    width: 97%;
    height: 500px;
    overflow: scroll;
    margin-bottom: 1em;
    padding: 10px;
    background-color:red;
    }
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

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
  •