PDA

View Full Version : 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/dynamicindex1/ddlevelsmenu/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!!!!:confused:

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:


<!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:


.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...