Jump to content

Background image in CSS menu


SmokingMan
 Share

Recommended Posts

I have a CSS menu that I use a background image in. It works fine in FF, but much to my amazement it blows in IE (I'm sure you're all as surprised as I am). Is there a workaround I can use with this, do I just need to use a background color instead of an image, or should I just consider a JavaScript menu instead? Here's a link to the site.Any ideas? :)

Link to comment
Share on other sites

There is 2 head parts in Your page, only one is allowed.Middle of body is other head, and DTD is splitted to lines wrong way.it should be splitted as:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

one small typo in CSS (mmsstyles.css)#menu li{postion: relative;}postion should be position :)

Link to comment
Share on other sites

I only see one head section, can you point it out to me?The problem in IE is the delay on mouseover and mouseout.  There doesn't seem to be this problem in FF.

1st one is begin of the document, and the 2nd is inside of nav div:
	<div class="content">  <div class="nav">  	<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>Navigation Menu</title><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /><meta name="description" content="" /><meta name="author" content="Mike Saylor" /><!-- Last updated 4/10/2006  --></head><body>	<div id="menu">  <ul>  	<li><h2>Home</h2>

edit: I can't test it with IE I'm living in Linux, I have no IE at all, luckily. :)But for(i = 0; i < p; i++){ should be: for(var i = 0; i < p; i++){No other JS errors found. But I think, the 2nd head part can get IE a bit confused.

Link to comment
Share on other sites

Okay, the second head (and I never saw this), is from an external menu file that is inserted by PHP. Since I'm using PHP to insert this menu, don't I still need to have a complete XHTML document since it is a standalone document that is being inserted? I plan to use this same menu on multiple pages, so I'm using PHP to insert it rather than coding the menu on each page.Also, when you hover over the sub-menus in IE, the top level menu backgrounds change each time you move to another sub-menu. This does not happen in FF. That's what driving me nuts. :)

Link to comment
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
 Share

×
×
  • Create New...