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 |
MattWaters,
Just wanted to follow up on this. Anything?
Just wanted to follow up on this. Anything?
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:
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?
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?
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?
Looks good to me in IE 8 Compatibility Mode (which emulates IE 7).
Looks like you added the color property to:
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.
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.
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?
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?
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:
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.
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.
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.