Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Apr 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Font refuses to change color in IE6

    Hi y'all

    Would love to get any advice you may have for my problem. I'm fixing bugs on a site at "hautescelebrations (dot) com (slash) eng", and have a stubborn one I just can't crack in IE6; FF2 &3 (Mac and PC), Safari and IE7 are all playing well, and the stylesheets all validated for me.

    The top navigation (in the horizontal red bar) refuses to display the non-active tabs in white text - they are currently red text on a red background image, so they are invisible for all intents and purposes until you roll over them. I initially thought this may be the infamous Peekaboo bug rearing its ugly head, but the text is there on the page, just not the right color.

    I've tried inserting "color: #FFFFFF" in all containing divs in the stylesheets, as well as inline, just to experiment. The text just will not turn white!

    Below is what I think is the relevant CSS code (in a conditionally-commented IE6 stylesheet):

    Code:
    #header {
    	position:absolute;
    	margin:0;
    	padding:0;
    	width:950px;
    	height:178px;
    	left:50%;
    	margin-left:-475px;
    	background-image:url(../images/masthead.jpg);
    	background-repeat:no-repeat;
    	background-position:top center;
    }
    
    #topnav {
    	z-index:1000;
    	position:absolute;
    	width:832px;
    	height:75px;
    	margin-top:144px;
    	padding-bottom:0px;
    }
    
    #occasionssub {
    	position:relative;
    	margin-left:25px
    }
    
    .basictab li{
    float:left;
    display: inline;
    margin: 0;
    color: #FFFFFF;
    }
    
    .basictab li a{
    position: relative;
    text-decoration: none;
    padding: 16px 24px;
    top: 1px;
    border-bottom: none;
    color: #ffffff;
    }
    
    .basictab li a:hover{
    background-color: #FFFFFF;
    color: #990000;
    text-decoration:underline;
    }
    
    .basictab li.selected a{ /*selected tab effect*/
    position: relative;
    background-color: #ffffff;
    color: #990000;
    }
    Many thanks for any help you're able to provide!

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I'm seeing white on my end in IE6.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Apr 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Curiouser and curiouser...I was viewing it on WinXP/IE6, and no white - I checked it on Browsershots.org, and got the same result, so I assumed it'd be that way across the board...

    Thanks for the info!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •