jaffee
07-18-2008, 05:37 AM
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):
#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!
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):
#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!