Internet Explorer Trashes Menus « Graphene Theme Forum

Graphene Theme Forum » Graphene Wordpress theme » Support

Internet Explorer Trashes Menus

(19 posts) (6 voices)

Started 5 months ago by smillerd
Latest reply from alfaromeo
This topic is closed
This topic is not resolved

Skip to the latest post | RSS feed for this topic

12 Next »

smillerd
Member

I used Graphene Theme for a site, all works great, really like the theme. However, when I pull the site up with IE 8 or 9 (maybe all of IE, have'nt looked at older versions.) it trashes the menus and dropdowns. Color is changed dramatically - makes a mess of it.

How can this be fixed?

I'm more of an artist, not a programmer (I do know how to copy and paste:-).

Any help or direction would be most helpful.

Steve

Posted 5 months ago #
Prasanna SP
Moderator

Except IE10, Internet Explorer does not fully support gradients, or CSS3 in general. So, if you want a perfect menu in IE, you may need to use images as menu background. I would rather live with modern technology and ignore legacy browser compatibility.

Moved to Support. Please post in the correct section next time.

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.

Posted 5 months ago #
smillerd
Member

Prasanna, thanks for the reply. The problem is the site is an art club, many members have old browsers. Is there no middle ground? I'm after a perfect menu, but what I've seen with IE is not even close.

Any way to get closer or at least usable?

Thanks,

Steve

Posted 5 months ago #
smillerd
Member

I visited another Graphene Themed site, using Internet Explorer and it displays the gradients fine. Why does it display correctly (www.irvingart.org) and this one does not? (www.swswatercolor.org)

Thanks again for any insight.

Steve

Posted 5 months ago #
Prasanna SP
Moderator

The above site you mentioned does not use gradients. It uses the sprite image which comes with the theme for the menu background.

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.

Posted 5 months ago #
Kenneth John Odle
Moderator

many members have old browsers

There are many free browsers out there which are better than Internet Explorer: Firefox, Chrome, Opera. Even Maxthon shows the gradients in your menu correctly.

Keep in mind that the longer you hold on to an old browser, the more vulnerable you are to security threats. That is reason enough to upgrade right there.

More helps are available on my blog.
Follow this advice for setting up your blog.
Problems? Questions? Read the forum rules and help us to help you.

Posted 5 months ago #
smillerd
Member

Thanks Prasanna. So how do I use a graphic image? Where in WP can I tell the theme to use this option?

This is not my site, I'm just trying to please the owners.

Thanks again.

Steve

Posted 5 months ago #
smillerd
Member

So, what has to change to use sprites instead of Gradients? I've seen the images you mention, but don't know how to get IE to use the Sprites instead of trying to use the gradients in the CSS.

Any little bit of direction would sure help.

thanks,

sm

Posted 5 months ago #
smillerd
Member

Greetings,

Is it possible for anyone to point me in the correct direction as how to use images instead of Gradients? I have googled it and keep coming up with the same few post that don't explain the very basics of how to get a browser to use images instead of gradients.

I have looked around in the wp folders, I see the sprites that are there now (but apparently not being used?). I know how too change the colors, etc. in Photoshop. The disconnect with me is how do I get my graphene theme to use sprites.

I agree with all of the statements that IE is trash...but, many of the users to this site are older and simply will not get away from IE. It's simply a "bridge too far" for them.

Any direction would be most appreciated.

Thanks,

sm

Posted 5 months ago #
smillerd
Member

I am looking at "style.css" and under this section "/* Top leverl header menu, hover and current state */" it starts with this:

#header-menu > li:hover,
#header-menu > li:current-menu-item,
#header-menu > li:current-menu-ancestor {
background: url (images/sprite_h.png) left -300px repeat-x #eee;
}

Why is the sprite not being used on the menu?

sm

Posted 5 months ago #

12 Next »

Topic Closed

This topic has been closed to new replies.