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 2 of 2
  1. #1
    Member TheGardener's Avatar
    Join Date
    Jun 2006
    Posts
    62
    Member #
    13332
    Hey all,

    I figured out a workaround for the CSS selector problem in my last thread, but now there's a new one. The navigation at this site:

    http://www.lightningux.com/

    ...doesn't display properly in IE. As you can see, the tabs don't line up the way they're supposed to. Here is the code used to style the navigation:

    Code:
    #navigation ul {
        list-style: none;
        display: inline;
        float: left;
        clear: both;
        height: 27px;
        margin: 0;
        padding: 0;
    }
    
    #navigation li {
        display: inline;
        margin: 0;
        padding: 0;
    }
    
    #navigation li a {
        outline-width: 0;
        overflow: hidden; 
        display: block;
        float: left;
        height: 27px;
        text-indent: -5000px; 
        background-position: left top;
        background-repeat: no-repeat;
    }
    
    #navigation ul .page-item-3 a {
        width: 85px;
        background-image: url(./images/navTabHome.gif);
    }
    
    /* Snip many more background image styles */
    This code was adapted from other Wordpress sites that use graphical navigation, namely blazersix.com and ndesign-studio.com, and those sites display fine in IE. Does anyone know what's causing IE to mess up the way it does with this page? Thanks.

  2.  

  3. #2
    Senior Member straight_up's Avatar
    Join Date
    Dec 2003
    Location
    Pennsylvania/Arizona
    Posts
    601
    Member #
    4309
    [hates IE]
    I don't see anything right off the bat but the -5000px text-indent value looks suspicious
    I am Alan Hogan (@alanhogan on Twitter). I like PHP, UI/UX design, and OS X.


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 12:16 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com