Jump to content
Sign in to follow this  
webmktco

Css For Menu Bg In Ie 8+

Recommended Posts

Rob    547
Rob

Hi,  We're not able to provide CSS solutions here, and I strongly recommend using Firebug or Chrome's Inspection Tools for your development work on what seems a very nicely done site. 

 

This is your problem CSS:

header#header, header#header a {
    color: #FFFFFF;
    text-shadow: 2px 2px 2px #000000;
}

As you can see, it's adding a 2 pixel text shadow of black to the menu items.  The problem with this is that IE doesn't really support shadows, opacity, transparency of a number of manipulations of text. 

 

If you like this effect in other browsers, leave it, but use our Browser Specific CSS plugin (free in the Store) to modify it for IE, removing each 2px and replacing them with one 0 (zero).


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
webmktco+    21
webmktco

First off- thanks for the response!  

 

Initially I was in the PL+ live chat and they directed me to the forum for CSS help.  

 

As for the shadow- I've also added a IE fix, so the text shadow works in IE.  I'm just having issues w/ the menu BG active and hover states.

 

I do use Firebug, but the one drawback is you can't view hover states with Firebug.

Share this post


Link to post
Share on other sites
webmktco+    21
webmktco

I've never liked Chrome's inspect element tool, but it actually works better when trying to pinpoint stubborn CSS rules.


I fixed the issue.

 

Thanks for your input.   :)

Share this post


Link to post
Share on other sites
James B    436
James B

You can view :hover in firebug by clicking the little drop down arrow next to the style tab and selecting it.

 

http://screencast.com/t/Sy4JEYCqyk

 

Check hover, active, focus and it will add them to the css for the element you're inspecting

  • Like 1

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
webmktco+    21
webmktco

Nice!  Too bad I didn't come here a couple years ago- woulda saved me lots of time.  

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×