Menu header not being removed after adding link in Netscape

[allgoodpeople]

This is my first post to this forum, and I just wanted to say thank you to the folks here who have made this wonderful tool available for the general public for the paltry price of link on each page. Thanks for all your work and your willingness to share it with everyone!

I'm having an issue getting the menu to display properly in Netscape 7.1. After adding the link back to Milonic on the page using the menu (as directed with the new lisence for free use for non-profits), the menu displays correctly in IE and Opera, but not in Netscape (or Mozilla, but they're pretty similar, so no surprise there to me.) The "MILONIC" header is still appearing over the first menu entry, even with a link back to http://milonic.com present.

I've also notice the menu displays smaller in Netscape than in IE or Opera. I've kind of chalked this up to differences in the way the browsers render the code, which can't really be helped (as far as I know). Is this correct?

The page I'm having issues with is http://www.nriyounglife.org

Any ideas of what I might be doing incorrectly? Thanks in advance for any ideas or help you might be able to send my way!

Mark

[John]

This is my first post to this forum, and I just wanted to say thank you to the folks here who have made this wonderful tool available for the general public for the paltry price of link on each page. Thanks for all your work and your willingness to share it with everyone!

No - it is we who thank you for those kind words. We've had a few - umm, "folks" through here the past few weeks who decided to do nothing but throw barbs. You comments are most refreshing and appreciated.

I'm having an issue getting the menu to display properly in Netscape 7.1. After adding the link back to Milonic on the page using the menu (as directed with the new lisence for free use for non-profits), the menu displays correctly in IE and Opera, but not in Netscape (or Mozilla, but they're pretty similar, so no surprise there to me.) The "MILONIC" header is still appearing over the first menu entry, even with a link back to http://milonic.com present.

You are correct, of course. The Milonic link still shows in NS, but not IE. Also noticed it 'flickers' a bit in NS. Strange. Andy will look at this.

I've also notice the menu displays smaller in Netscape than in IE or Opera. I've kind of chalked this up to differences in the way the browsers render the code, which can't really be helped (as far as I know). Is this correct?

Yes.

Also, while Andy is poking around, I suggest you move up to the current release, 5.02. There were a number of NS fixes in there (not sure exactly what, however).

[allgoodpeople]

Am I the only one having this issue, or are other users reporting this as well? If it's just me, it would seem to indicate that there's an issue with the way I'm implementing the code in my site.

Just curious if other folks have reported anything about this.

Mark

[John]

Haven't seen any other reports (yet!).

However, since it's working properly in IE and not in NS, I would think your code is OK.

[Ruth]

I'm not sure, and can't test your 'license', but maybe it's something to do with divs? The menu is in one and also the text link is in one. You could try removing the link out side the div and see what happens.

Ruth

[allgoodpeople]

I'm not sure, and can't test your 'license', but maybe it's something to do with divs? The menu is in one and also the text link is in one. You could try removing the link out side the div and see what happens.

Ruth

I had tried putting the link in the same div with the menu, and still had the same effect.

Mark

[Ruth]

I was thinking you should try moving the link outside any div... same with the menu, just to check. It's probably not that, but who knows.

Ruth

[Maz]

That's correct, the submenus won't work right in a div in a number of browsers.

The best placement is just under the body tag, with your main menu style top=#;
left=#;

Warm regards,
maz

[kevin3442]

This is my first post to this forum...

Hi Mark... Glad you could join us!

...After adding the link back to Milonic on the page using the menu (as directed with the new lisence for free use for non-profits)...

And here's the rub... you added the link but not quite as directed. In your <a> tag, change

Code: Select all

href="https://milonic.com"

to

Code: Select all

href="https://milonic.com/"

(note the / at the end)

That should do it.

Since you're new, I'm going to avoid the urge to needle you a little... but then again, I guess I just did!

Welcome to the Milonic forums,

Kevin

[kevin3442]

As a follow-up, I'd like to echo the comments expressed by Maz and Ruth about DIVs. Loading the scripts inside a DIV, and especially inside of nested DIVs as you have, might not work very well in the long run. It'd probably be better to remove the

Code: Select all

position="relative";

from your style and place the menu on the page using the top and left properties in the menu definition. If you need more control over placement, you'll find that the menu offers a wide variety of options to control placement. And we're happy to help you with that if you need it.

One more minor point: Line 85 of your menu_data.js file has a ; on it, all by itself. From the computer's point of view, that's OK. But for editing purposes, it'd probably be better to move that semicolon to the end of line 84 (where your "Home" item is defined).

Hope that helps,

Kevin

[kevin3442]

I've also notice the menu displays smaller in Netscape than in IE or Opera. I've kind of chalked this up to differences in the way the browsers render the code, which can't really be helped (as far as I know). Is this correct?

Oops... almost forgot this. I personally didn't notice a size difference. Your menu renders at exactly 109x151 px in IE6, NS7.1, and Opera 7.20 on my screen (Win2k). I wonder if the difference you noted is partially a perceptual one... the menu appears to be larger in IE6 because of the addition of the "overfilter". Your style defines an overfilter with a Shadow effect with direction=135 and strength=5, giving the menu a drop shadow of five additional pixels on the rights and bottom sides. that would explain why it appears larger in IE6 than in NS7, because NS doesn't support the filter properties that IE5.5+ have. But it doesn't explain why it would appear smaller in NS7 than in Opera... what version of Opera are you using?

Kevin

[allgoodpeople]

Since you're new, I'm going to avoid the urge to needle you a little... but then again, I guess I just did!

Yep, that did it! Man, those details will get you every time (I had another, unrelated issue with a page not displaying correctly, and I finally realized i wasn't generating the page with a .htm extension. *lol*)

Thanks for the heads up. I know for sure I never would have noticed that on my own.

But I do deserve the needling, so needle away!

Mark

[allgoodpeople]

As a follow-up, I'd like to echo the comments expressed by Maz and Ruth about DIVs. Loading the scripts inside a DIV, and especially inside of nested DIVs as you have, might not work very well in the long run. It'd probably be better to remove the

Code: Select all

position="relative";

from your style and place the menu on the page using the top and left properties in the menu definition. If you need more control over placement, you'll find that the menu offers a wide variety of options to control placement. And we're happy to help you with that if you need it.

Kevin

I had originally positioned the menu absolutely with the top= and left= selectors, but I found it was pushing the other elements of my page around (the only element on the page positioned absolutely is the vertical column on the left). Adding the menu with an absolute position was forcing the horizontal heading box up flush against the top of the browser window, and the only way I could see to fix it was to make all the box elements in the page absolutely positioned as well.

However, after moving the meny inside the div, everything started behaving normally again. This probably isn't the forum for it, but do you think the best arrangement may be to just make everything absolutely positioned? My main concern is getting all the different parts of the page to play nicely together.

And thanks for the heads up on the menu_data.js file. got that fixed.

[allgoodpeople]

Oops... almost forgot this. I personally didn't notice a size difference. Your menu renders at exactly 109x151 px in IE6, NS7.1, and Opera 7.20 on my screen (Win2k). I wonder if the difference you noted is partially a perceptual one... the menu appears to be larger in IE6 because of the addition of the "overfilter". Your style defines an overfilter with a Shadow effect with direction=135 and strength=5, giving the menu a drop shadow of five additional pixels on the rights and bottom sides. that would explain why it appears larger in IE6 than in NS7, because NS doesn't support the filter properties that IE5.5+ have. But it doesn't explain why it would appear smaller in NS7 than in Opera... what version of Opera are you using?

Kevin

No, that's not it. I removed the shadow settings and am still getting the same effect.

After a little looking at the two browsers, i figured out that the issue is one of the default text size settings for different browsers. For example, text size is set to "medium" in IE, and set to "100%" in netscape on my computer. When I increase the text size settings in IE, it causes the menu to render larger (is that even a sentence? )

So, since this setting is out of my control as a web master because the setting is made on the host computer, how can I ensure the menu displays properly against the background? I want the menu to fit neatly just inside the background column i have drawn there with a CSS class. Something else to work on now, but at least I have a better idea what the problem is.

//edit// After some thought, I think specifying the font size in pixels rather than as a percentage should fix this. Since the menu size is related to the text size in the menus, specifying the text size for the menus should cause all browsers to render the menu the same size, regardless of text size settings on individual machines.

//edit 2// Just tried the above idea and it works. Can anyone see any potential problems with this fix?

Thanks for the heads up everyone, and for kick starting the ol' brain for me! I always seem to over look some issue. Luckily for me there's a lot of very nice and very helpful folks out there on the internet willing to lend a hand and a little brain power. Thanks again everyone!!

Mark

[John]

And here's the rub... you added the link but not quite as directed. In your <a> tag, change

Code: Select all

href="https://milonic.com"

to

Code: Select all

href="https://milonic.com/"

(note the / at the end)

That's interesting. I missed the closing / (which I'm usually very picky about), but his code without the / worked fine when viewed in IE - no Milonic link. Looking at the same page in NS had the Milonic link in place. There's still something wrong.

[kevin3442]

...Just tried the above idea and it works. Can anyone see any potential problems with this fix?

Nope... that's what I'd do. (Of course, that doesn't mean it's the best way... just what I'd do!).

Kevin

[kevin3442]

...but his code without the / worked fine when viewed in IE - no Milonic link.

That's clearly because IE6 on Windows is the best possible Browser/OS combination out there.

[Maz]

OWWW, no boys don't go there, go stand in your respective corners

[kevin3442]

I was just trying to needle John a little... figured that'd get a rise, but... nothing!

[John]

I was just trying to needle John a little... figured that'd get a rise, but... nothing!

That's because John has been stuck on a ColdFusion problem all morning, so he sent me in his place.

Notice the long arm of the Death Browser Monster reaching out. It is programmed for your IP, and will, when you least expect it, pounce on your machine and rip its guts out.

After which, Vito and da boys will pay a personal visit to replace your P4 with a PII (or less).

While all this is going on I will be screaming along with my dual 2GHZ G5, never having to look back.

Did I forget anything, Maz...?