PDA

View Full Version : Switch Menu II script working in IE but not Firefox...puzzled..please help.


dclewis
02-06-2007, 09:03 AM
1) Script Title: the switch menu II script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/switchmenu2.htm

3) Describe problem:

The script works fine in IE6 (the latest ver. that I have), but not in Firefox (2.x). I would like to be able to have cross-browser compatibility. I know more people use IE but still nice to be able to include a #2, plus I use Firefox, and it's depressing not being able to see the script work. I've validated my site, fixed all the bugs that were listed (I think - the ones I thought I could fix anyway) except the ones generated by amazon's clickthrough links (I've excluded them to save space here). Also validated my CSS and fixed everything except the "filter:alpha(opacity=100);" line. I assumed it was necessary, but W3C kept saying "parse error". Both the .js and sddm.css file are in the same directory and I haven't changed either names.

Dunno what to do? I even copied the original code from DD just to see if I deleted or somehow messed up the code when translating it to my site. No dice. However, I can view the menu and it works just fine if I view it on DD's site with both IE6 and firefox 2.x, so I know it must work in my browser. I'm assuming that somehow I'm messing something up, but I've done all that I know how to do, I'm stuck.

Hoping someone can help me out...please, it's driving me crazy:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html;

charset=ISO-8859-1">
<TITLE>WEB TEMPLATE</TITLE>
<LINK

href="http://www.twintierfinancial.com/Scripting/sddm.css"

type=text/css rel=stylesheet>

<DIV CLASS="Header">
<DIV CLASS="HMLinks" style="absolute; top: 113px; left:13px;">

<a STYLE="text-decoration:none"

href="http://www.twintierfinancial.com/main/homepage.html"

id="homepage"><span>//////Home/////</span></a>
</DIV>

<DIV CLASS="HMLinks" style="absolute; top: 113px; left:105px;">
<a STYLE="text-decoration:none"

href="http://www.twintierfinancial.com/main/subscribe.html"

id="subscribe"><span>///subscribe///</span></a>
</DIV>

<DIV CLASS="HMLinks" style="absolute; top: 113px; left:197px;">
<a STYLE="text-decoration:none"

href="http://www.twintierfinancial.com/main/services"

id="services"><span>////services////</span></a>
</DIV>

<DIV CLASS="HMLinks" style="absolute; top: 113px; left:290px;">
<a STYLE="text-decoration:none"

href="http://www.twintierfinancial.com/main/about_us.html"

id="about_us"><span>////about us///</span></a>
</DIV>

<DIV CLASS="HMLinks" style="absolute; top: 113px; left:381px;">
<a

STYLE="text-decoration:none"href="http://www.twintierfinancial.

com/main/contact.html"

id="contact"><span>////contact/////</span></a>
</DIV>

<DIV CLASS="HMLinks" style="absolute; top: 113px; left:473px;">
<a

STYLE="text-decoration:none"href="http://www.twintierfinancial.

com/main/privacy_and_legal.html"

id="privacy_and_legal_info"><span>///legal info////</span></a>
</DIV>
</DIV>


<DIV class=navbar style="absolute; top:106px; left:594px;

WIDTH: 189px; HEIGHT: 1545px">

<!-- *****Start Menu***** -->
<DIV align=left>
<DIV class=mainDiv>
<DIV class=topItem>Articles &

Essays<BR>__________________/</DIV>
<DIV class=dropMenu><!-- -->
<DIV class=subMenu style="DISPLAY: inline">
<DIV class=subItem>
<A

href="http://www.twintierfinancial.com/artices/Financial_Planni

ng_Myth.html">The Financial Planning Myth</A></DIV><BR>
<DIV class=subItem><A

href="http://app3.websitetonight.com/designer/blocktypes/custom

html/wizardpages/Unit_Budgeting.html">How To Gain Iron-Grip

Control Over Every Penny You Make</A></DIV><BR>
<DIV class=subItem><A

href="http://app3.websitetonight.com/designer/blocktypes/custom

html/wizardpages/Mini_Day.html">How To Do 7 Days Worth of Work

In Just 3 Days</A></DIV><BR>
<DIV class=subItem><A

href="http://app3.websitetonight.com/designer/blocktypes/custom

html/wizardpages/Career_Planning.html">How To Create The Career

Of Your Dreams</A></DIV><BR>

<DIV class=subItem><A

href="http://app3.websitetonight.com/designer/blocktypes/custom

html/wizardpages/American_Crisis.html">The American Crisis &

How It Will Affect You</A></DIV><BR>
<DIV class=subItem><A

href="http://app3.websitetonight.com/designer/blocktypes/custom

html/wizardpages/Ultimate_LBO.html">The Ultimate "LBO" & How It

Can Make You Very Wealthy With Almost No Risk</A></DIV><BR>
<DIV class=subItem><A

href="http://app3.websitetonight.com/designer/blocktypes/custom

html/wizardpages/Trouble_With_Mutual_Funds.html">The Trouble

With Mutual Funds</A></DIV><BR>
<DIV class=subItem><A

href="http://app3.websitetonight.com/designer/blocktypes/custom

html/wizardpages/The_Truth_About_Your_401k.html">The Truth

About Your<BR>401(k)</A></DIV><BR>
<DIV class=subItem><A

href="http://app3.websitetonight.com/designer/blocktypes/custom

html/wizardpages/Life_Insurance.html">The War Against Life

Insurance</A></DIV><BR>
<DIV class=subItem><A

href="http://app3.websitetonight.com/designer/blocktypes/custom

html/wizardpages/Inflation_Proof_Savings.html">How To

Inflation-Proof Your Savings</A></DIV><BR>
<DIV class=subItem><A

href="http://app3.websitetonight.com/designer/blocktypes/custom

html/wizardpages/50_Percent_Test.html">The 50% Test: Will You

Pass Or Fail?</A></DIV><BR>

<DIV class=subItem><A

href="http://app3.websitetonight.com/designer/blocktypes/custom

html/wizardpages/IDAs.html">How To Get $4,000 For Every $1,000

You Put Into Your Savings Account</A></DIV><BR>
<DIV class=subItem><A

href="http://app3.websitetonight.com/designer/blocktypes/custom

html/wizardpages/Rule72t.html">How To Back Out Of Your

IRA/401(k) Early Without A 10% Penalty</A></DIV><BR>
<DIV class=subItem><A

href="http://app3.websitetonight.com/designer/blocktypes/custom

html/wizardpages/Stretch_IRAs.html">IRAs Do Stretch, Does

Yours?</A></DIV><BR>
<DIV class=subItem><A

href="http://app3.websitetonight.com/projects/3/3/9/6/339657/up

loads/How_A_New_Car_Could_REALLY_Be_Costing_You__100_000_When_Y

ou_Retire.ppt">How A New Car Today Could Be Costing You

$100,000 When You're Ready To Retire</A>
</DIV><BR>
<Div ALIGN="left">
</DIV></DIV></DIV></DIV>
<DIV align=left><BR></DIV>
<DIV class=mainDiv>
<DIV class=topItem>Resources<BR>__________________/</DIV>
<DIV class=dropMenu><!-- -->

<DIV class=subMenu style="DISPLAY: inline">
<DIV class=subItem><A href="http://www.shadowstats.com/">Shadow

Government Statistics</A></DIV><BR>
<DIV class=subItem><A

href="http://www.dinkytown.net/java/RetireShort.html">Retiremen

t Calculator</A></DIV><BR>
<DIV class=subItem><A

href="http://www.irs.gov/individuals/article/0,,id=96196,00.htm

l">IRS Withholding Calculator</A></DIV><BR>
<DIV class=subItem><A

href="http://www.irs.gov/formspubs/article/0,,id=164272,00.html

">IRS 2007 Tax Tables</A></DIV><BR>
<DIV class=subItem><A

href="http://www.dinkytown.net/java/StretchIRA.html">IRA

Stretch & RMD Calculator</A></DIV><BR>
<DIV class=subItem><A href="http://www.goldmoney.com/">Gold

Money</A></DIV></DIV></DIV></DIV></DIV>
<DIV align=left><BR></DIV>
<DIV align=left>
<DIV class=mainDiv>

<DIV class=topItem>Recommended

Books<BR>__________________/</DIV>
<DIV class=dropMenu><!-- -->
<DIV class=subMenu style="DISPLAY: inline">
<DIV class=subItem>

Amazon.com code



</DIV></DIV></DIV></DIV></DIV>



<script type="text/javascript"

src="http://www.twintierfinancial.com/Scripting/xpmenuv21.js"><

/script>
</DIV></DIV></DIV>
<DIV></DIV><BR>
</DIV>

<!-- ******End Menu***** -->


</DIV>


<DIV CLASS="container">



Article Text Here





</DIV>

<BR>

<DIV CLASS="copywrite">
Copyright © 2006-2007 Twin Tier Financial. All Rights Reserved.
</DIV>



</HTML>


Thanks in advance.

Dave
jscheuer1
02-06-2007, 11:51 AM
We would need a link to your problem page to have a good chance at diagnosing this.
dclewis
02-06-2007, 07:05 PM
EDIT: Ok, I apologize. I just checked the site and almost everything seems to be working. I don't get it...when I posted it, the site was "broken" in my FF browser. There are still a few bugs though that are leaving me scratching my head (like why the spacing in the right-hand side menu bar is so different between FF and IE), especially since I haven't touched the site since before lunchtime. When I view the page below in FF, the links on the right menu bar are all jumbled together...yet in IE they look fine. Is this a problem that can be reviewed here or am I now off topic?

Hope someone can help, or point me in the right direction.
Thanks.


***
Original message:


ok. the link is: http://www.twintierfinancial.com/template.html
also, now for some strange reason, my CSS rules are not being applied to the link menu going across the top. CSS link: http://www.twintierfinancial.com/Scripting/sddm.css

Very frustrating. Hope you can help. Thanks.

Dave
dclewis
02-07-2007, 08:40 AM
Ok, this is driving me nuts :confused: I have not touched the script yet now it is not working again in FireFox (2.x). Is there anyone who can possibly look my code over real quick and tell me what I'm doing wrong?

http://www.twintierfinancial.com/template.html

please help. thanks.
jscheuer1
02-07-2007, 08:10 PM
The main problem in FF seems to be that the individual dropMenu divisions have the wrong height set in their inline style. You should be able to fix that by not setting any height for them. And, you need to include more br elements in the link texts inside of them so that they wrap where you want them to, not where the browser decides that they need to.

The only one that has any br tags in it I can see in the Articles and Essays dropMenu is this one:


The Truth About Your<br>
401(k).
dclewis
02-11-2007, 12:34 AM
Thanks John.

I changed the height (actually just deleted it from the stylesheet) and decided to use all links in the "recommended books" section for a "cleaner" look). However, a new problem sprang up:

Now, the links for the drop down menu don't highlight or underline for the "Recommended Books" drop down menu.

Also, the menus no longer collapse/expand :confused:
So they don't work in IE or FF. I don't understand why?

In addition, the drop down menu itself (the light green section where the links are located) seems to be overlapping the Title/Main Link above it (i.e. the submenu for "Articles and essays" overlaps the "Articles & Essays" Link). Why is this happening?

Can you point out what needs to be fixed so that this will work like it should?

http://www.twintierfinancial.com/template.html

Thanks
Dave