Different Link Colors

Permalink Browser Info Environment
For some reason the parent page links show up in Firefox as white (like they should) and in Internet Explorer as black (not good). Is there a separate set of coding that IE looks at? Any ideas on how I can fix this? My site is http://www.afsa881.org.

Type: Discussion
Status: New
geek2009
View Replies:
MattWaters replied on at Permalink Reply
MattWaters
Your links looked white in IE 8, but yeah they show up black in IE 6. I don't have IE 7 around for testing at the moment.

As far as IE 6 is concerned, it's long been a thorn in the side of web developers due to its rampant incompatibility, so keep that in mind. There might be a workaround / hack but I'm not sure.
geek2009 replied on at Permalink Reply
geek2009
MattWaters,
Just wanted to follow up on this. Anything?
MattWaters replied on at Permalink Reply
MattWaters
Have you manually customized the styles in Superfish CSS? Or are you just editing the styles available when you put the Superfish block in edit mode?

From what I can see in Firebug, the white link color is being set by this declaration in main.css:

#menu li a {
    color: #FFFFFF;
    ....


IE 7 (and prior) might behave better if you add that same color style to a class in Superfish's CSS file. Does that sound like something you'd be comfortable trying?
geek2009 replied on at Permalink Reply
geek2009
I think that I fixed this, but I'm not sure how. Can you confirm that it's not just my computer that made the change?
MattWaters replied on at Permalink Reply
MattWaters
Looks good to me in IE 8 Compatibility Mode (which emulates IE 7).

Looks like you added the color property to:

.sf-menu li li a {
    border-top-color: #FFFFFF;
    ...
}


Glad you got it working!

One think I'd suggest, though: make sure you copy the superfish block (everything in /packages/superfish/blocks) into /blocks. This way you'll still override the default block styles, but you won't lose your changes when you a new version of the block is released.
geek2009 replied on at Permalink Reply
geek2009
If an update was released that covered the block, what would end up on my website?

Example... If you issued a release that allowed for you to set an image as your background, would I be able to use that option?
MattWaters replied on at Permalink Reply
MattWaters
Ha, you know I just looked at the code snippet I pasted...and realized it shouldn't be affecting what I thought it was. So like you, I don't know why it's working. Maybe one of those strange IE quirks...

I'd have tried adding a white text color like so:

color: #fff;


I'm not sure what's on the roadmap for Superfish, but releases generally add new features and fix bugs. You'd like to see a background image behind the links?

You'll be notified of Add-on updates on the Dashboard, from the Add Functionality tab.

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.