Need ie7 hack for all level nav menu!! Help!!

**angela404** · 09-25-2008, 02:55 AM

1) Script Title:
All Levels Navigational Menu (v1.4)

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...menu/index.htm

3) Describe problem:

The page says this script works in IE 5 and above...it only seems to work in IE6...I don't care about 5 but it would be great if it worked in IE7. Is there a code for this yet?? Please help!

This is the problem:
http://www.emory.edu/policysolutions/about_test.html

As you can see, if you are in IE7, is that upon first sight you can't see the names of the menu tabs until you mouse over it. Everything else works but that. Please help!!!!

Thanks!
A.

**ddadmin** · 09-25-2008, 06:47 AM

Try adding a valid doctype to the top of your page's source, which is actually mentioned on the script page. So for example:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

**angela404** · 09-25-2008, 01:45 PM

That didn't work....

**angela404** · 09-25-2008, 02:42 PM

I tried it again...and it's quirky...I will need to test it on another computer with more browser option later...Right now I'm at a computer that's on I.E.6 ....I tried this DTD:

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

This works a little better but the first two tab names still don't appear until you mouseover them...

**ddadmin** · 09-25-2008, 07:01 PM

CSS quirks are always elusive and hard to debug, and may require a lot of just tinkering with your CSS. But try making the changes in red below to your topbar.css file:

Code:

.mattblackmenu li a{
	float: left;
	display: block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 10px 12px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: black !important;
	background: #c7beb5;
	text-decoration: none;
}

.mattblackmenu li a:hover
{
background: #00117b; /*background of tabs for hover state */
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: White !important;
}

**angela404** · 09-25-2008, 09:43 PM

THANK YOU...I will try it and let you know the outcome...

Thread: Need ie7 hack for all level nav menu!! Help!!

Thread Tools

Search Thread

Need ie7 hack for all level nav menu!! Help!!

Bookmarks

Bookmarks

Posting Permissions