Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1
  1. #1
    Junior Member
    Join Date
    Oct 2007
    Posts
    1
    Member #
    15943
    I am trying to create a tabbed navigation effect on my website with CSS navitabs. I want them to seamlessly sit across the top of the main content table so you get an actual 'folder tab' effect. I have gotten it to work in IE and Firefox, but Opera and Safari for Mac are displaying it weird (in safari there's a gap between the tabs and the white table, opera is displaying the tabs too low and overlaps the table). If anyone can help me achieve the same effect on all browsers I would very much appreciate it.

    Here is the link to my page: http://www.paleamberglow.com/updates.html

    Here is the CSS code for my navitabs:

    Code:
     
    .navitab {
    display: inline;
    padding: 4px 8px 4px 8px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    color: fff;
    background: url(http://www.paleamberglow.com/navitab.gif) top right no-repeat;
    }
    
    .navitab:hover {
    text-decoration: none;
    background: url(http://www.paleamberglow.com/navitab_active.gif) top right no-repeat;
    }
    
    .activenavitab {
    display: inline;
    padding: 4px 8px 5px 8px;
    margin: 0 0 0 0;
    text-decoration: none;
    letter-spacing: 1px;
    background: url(http://www.paleamberglow.com/navitab_active.gif) top right no-repeat;
    }
    
    .activenavitab:hover {
    text-decoration: none;
    }

  2.  


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:36 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com