SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: Space Under Tab

  1. #1
    SitePoint Member
    Join Date
    Mar 2011
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Space Under Tab

    So I am using Tabtastic to have two tabs on my page. The problem is that it shows the two tabs, and then there is a space, then the page is under the space.

    The best way to see what I am talking about it to see the example at Tabtastic.
    Tabtastic

    And then Mine
    Saints Junior A Lacrosse

    Any ideas how I can remove that space. This is my CSS.

    Code:
    .tabset_tabs	{ margin:0; padding:0; list-style-type:none; position:relative; z-index:2; white-space:nowrap }
    .tabset_tabs li {
    margin:0; 
    padding:0; 
    display:inline; 
    vertical-align:bottom;
    }
    .tabset_tabs a	{ color:Black ! important; background-color:#E0E2DF ! important; border:1px solid #99c; text-decoration:none; padding:0 0.6em; border-left-width:0; border-bottom:none }
    .tabset_tabs a:hover	{ color:black ! important; background-color:#817E74 ! important }
    .tabset_tabs a.active	{ color:black ! important; background-color:white ! important; border-color:black; border-left-width:1px; cursor:default; border-bottom:white; padding-top:1px; padding-bottom:1px }
    
    .tabset_tabs li.firstchild a	{ border-left-width:1px }
    
    .tabset_content	{ border:1px solid black; background-color:white; position:relative; z-index:1; padding:0em 0em; display:none }
    .tabset_label	{ display:none }
    
    .tabset_content_active	{ display:block }
    
    @media aural{
    	.tabset_content,
    	.tabset_label	{ display:block }
    }
    Thanks in advanced.
    Last edited by rjkboyle; Mar 27, 2011 at 17:39. Reason: Spelling

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,592
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Hi rjkboyle! Welcome to SitePoint.

    The problem is caused by the padding here:

    Code:
    .content ul, .content ol {
      padding: 0 15px 15px 40px;
    }
    You could just get rid of that rule.

  3. #3
    SitePoint Member
    Join Date
    Mar 2011
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Awesome Thanks Ralph!!
    Your a genius!


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
  •