CSS problem, etc. - [SOLVED]

CozmoRaine · Post by **CozmoRaine** » Mon Jul 25, 2005 5:30 pm

I have a few problems:

1.) The instructions for how to use CSS in the JS document for the menu isn't working for me. Is there another way of doing this so I can keep my colors the same. All I want to do is ensure my text won't change size (which is does currently)

2.) The third tier of my menu does not work correctly. It makes the entire menu disappear and I'm not sure why. I used the same script for the first and second tiers. (Example - "Department>Camping Department>Parents>Camp Descriptions

3.) How can I copy the menu onto various HTML pages? I tried to copy the page and just change content, but that's not working. I also tried in Dreamweaver, making the script layer a Library item - that didn't work either.

I'm using Windows XP and I use the latest version of IE.

Here is the link -
http://www.net-aid.net/hidden/secondary2.html

Thanks in advance for any help you can provide!

slackbladder · Post by **slackbladder** » Mon Jul 25, 2005 7:16 pm

1
In menu_data.js set 'fontsize="78%";' to fontsize=10; (or size required)

2
Works OK for me (but I am on a MAC using FireFox as a browser)

3
Include:

Code: Select all

<script type="text/javascript" src="milonic_src.js"></script>	
	<div class=milonic><a href="https://milonic.com/">JavaScript Menu, DHTML Menu Powered By Milonic</a></div>

	<script	type="text/javascript">
	if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");		
	  else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>"); 
	</script>
	<script type="text/javascript" src="menu_data.js"></script>

on EVERY page either by coping and pasting in to every page or make a file containing the above and use include fuction to call it in to each page. If you haven't used SSI, PHP or similar before - then maybe best to stick to copying and pasting.

Post by **Ruth** » Mon Jul 25, 2005 7:30 pm

Hi Cozmo,

To add to what Slack said, the only way to make sure fontsize never changes is to use images.

Even using css is not absolute because browsers work differently. So, for example, setting font size to 10px works fine, unless the person has set personal style sheets in the browser which will take precedence over the style sheet you have. Setting font size works in IE not allowing even the use of the browser's textsize function to change the size, however that is not the case with most others. In Netscape, Firefox, Safari, I believe that even setting fontsize will not prevent the person from using the browser's text size feature to increase or decrease the size.

Ruth

CozmoRaine · Post by **CozmoRaine** » Mon Jul 25, 2005 7:32 pm

Thank you both for your help. I greatly appreciate it!

Post by **Ruth** » Mon Jul 25, 2005 7:41 pm

Hi,

One more thing, I forgot to ask which browser you are using when you don't get the 3rd level?

It works on PC using IE5.5, Firefox 1.0.2, Netscape

Ruth

CozmoRaine · Post by **CozmoRaine** » Mon Jul 25, 2005 7:47 pm

IE - whatever the latest version is

CozmoRaine · Post by **CozmoRaine** » Tue Jul 26, 2005 7:36 pm

I'm still having problems with the font issue and the third tier issue. I've tried all the suggestions listed above, but nothing seems to be working.

Any other suggestions?

Thanks

Post by **Ruth** » Tue Jul 26, 2005 10:07 pm

Hi,

I'm going back to your first post and the link you provided, you list:

1. problems using css in the js document for the menu. I don't see that you're using css in the menu_data file if that is what you mean. Could you point out where you are using css and the problem that is resulting?

2. What exactly are you doing when teh menu disappears, do you mean when you mouse over a 2nd tier item and the third tier opens or do you mean when you click on some item in the 3rd tier. All I'm getting from the link posted when I click anything in the menu is page not found.

3. Unfortunately I cannot help on divs, can't figure out what they are doing.

As to the font, I don't know what you mean. I'm not seeing any change in the menu_data.js file, the font is still set to 78% so it will be 78% of whatever the browser setting for the font is, so if someone has their browser font set to 120% then the font size will be 78% of 120%. If you have IE and it is set to smaller, it will be 78% of whatever that IE smaller font size is. As I said originally, there is no way to absolutely control the font size, you just can't, certain browsers will always allow the user's settings to be dominant, also, I think if you've got font size set in the css and applied to the divs, that will most likely become the dominant size over what is in the menu.

Ruth

CozmoRaine · Post by **CozmoRaine** » Wed Jul 27, 2005 1:40 pm

Ruth,

1.) You are correct - I am NOT using CSS currently, but I would LIKE to. I tried the suggestion of setting the font in the script to pixels instead of percent, but it still causes the text to change size. The only way I know of avoiding this is to apply a CSS to text, but I don't know how to do that with a JS file.

2.) When you mouse over the third tier item, the "hand pointer" disappears. It becomes a "pointer" and I'm not sure why. It doesn't do that with the first or second tiers and I used the exact same script for all three. When moused over the third tier, the first two tiers disappear, leaving just the third tier, with the pointer. This doesn't make any sense to me. Sorry - I know when you click on the third tier it doesn't show you a page. I haven't uploaded those pages yet.

3.) I'm going to try Slack's idea and put that script he suggested into my pages. Hopefully that will work

I'd really like to use this menu, because overall it is exactly what I want for my page. But before I register it, I'd like to know it's going to do what I want it to. Is there a contact number I should call to speak with someone directly? Or do I need to register my menu first?

Thanks for you help!

CozmoRaine

CozmoRaine · Post by **CozmoRaine** » Wed Jul 27, 2005 2:34 pm

Ruth

I think I figured out what's wrong when I'm trying to copy my script onto another page, but maybe you can help me.

Okay - I have a bunch of directories in my site and in each directory there are sub directories and so on. Every directory has an index.html page and will have this menu on it. How can I change the script on each page so I can have it link up to my menu_data.js? I only want to have 1 menu_data.js that will stay consisten throughout the whole site. Is this possible?

Thanks,

CR

slackbladder · Post by **slackbladder** » Wed Jul 27, 2005 2:45 pm

try leaving the menu files in your root folder (top), then amend each menu call in each index.html:

root
menu_data.js
milonic_src.js
etc
index.html =

Code: Select all

........
<script type="text/javascript" src="menu_data.js"></script>.....

root / sub
index.html =

Code: Select all

........
<script type="text/javascript" src="../menu_data.js"></script>.....

root / sub / sub1
index.html =

Code: Select all

........
<script type="text/javascript" src="../../menu_data.js"></script>.....

or put a forward slash before each file:

Code: Select all

<script type="text/javascript" src="/milonic_src.js"></script>   
   <div class=milonic><a href="https://milonic.com/">JavaScript Menu, DHTML Menu Powered By Milonic</a></div>

   <script   type="text/javascript">
   if(ns4)_d.write("<scr"+"ipt type=text/javascript src=/mmenuns4.js><\/scr"+"ipt>");      
     else _d.write("<scr"+"ipt type=text/javascript src=/mmenudom.js><\/scr"+"ipt>");
   </script>
   <script type="text/javascript" src="/menu_data.js"></script>

or put the full path in:

Code: Select all

<script type="text/javascript" src="http://www.yoursite.com/milonic_src.js"></script>   
   <div class=milonic><a href="https://milonic.com/">JavaScript Menu, DHTML Menu Powered By Milonic</a></div>

   <script   type="text/javascript">
   if(ns4)_d.write("<scr"+"ipt type=text/javascript src=http://www.yoursite.com/mmenuns4.js><\/scr"+"ipt>");      
     else _d.write("<scr"+"ipt type=text/javascript src=http://www.yoursite.com/mmenudom.js><\/scr"+"ipt>");
   </script>
   <script type="text/javascript" src="http://www.yoursite.com/menu_data.js"></script>

CozmoRaine · Post by **CozmoRaine** » Wed Jul 27, 2005 3:06 pm

Slack,

Thanks. I tried doing ALL of the amendments you listed and all I get is my page without any menu at all.

This is really getting frustrating for me.

Any other thoughts?

Thanks

CR

slackbladder · Post by **slackbladder** » Wed Jul 27, 2005 3:11 pm

Can you post back a URL of a page where the menu doesn't work?

CozmoRaine · Post by **CozmoRaine** » Wed Jul 27, 2005 3:14 pm

Slack

This is a "sub" page where it's not working - http://www.net-aid.net/hidden/about_us/index.html

This is the page with the original script on it - http://www.net-aid.net/hidden/secondary2.html

Thanks

CR

slackbladder · Post by **slackbladder** » Wed Jul 27, 2005 3:21 pm

The menu paths need to be:

Code: Select all

<script type="text/javascript" src="/hidden/milonic_src.js"></script>	
	<div class=milonic><a href="https://milonic.com/">JavaScript Menu, DHTML Menu Powered By Milonic</a></div>

	<script	type="text/javascript">
	if(ns4)_d.write("<scr"+"ipt type=text/javascript src=/hidden/mmenuns4.js><\/scr"+"ipt>");		
	  else _d.write("<scr"+"ipt type=text/javascript src=/hidden/mmenudom.js><\/scr"+"ipt>"); 
	</script>
	<script type="text/javascript" src="/hidden/menu_data.js"></script>

if you are not going to be moving the pages from the 'hidden' directory

CozmoRaine · Post by **CozmoRaine** » Wed Jul 27, 2005 4:31 pm

Slack,

THANK YOU SO MUCH!!!!!! That's works!

Eventually, once the site is full-functionable, I won't need the "hidden" directory, so I'll just take that down.

One question down...two more questions to go!

THANKS AGAIN!

CR

slackbladder · Post by **slackbladder** » Wed Jul 27, 2005 4:39 pm

If the site isn't staying where it is you would be better off placing the menu files in to the root (http://www.net-aid.net/) or in to a dedicated folder ( http://www.net-aid.net/menu/ ).

Then make your code:

Code: Select all

<script type="text/javascript" src="/menu/menu_data.js"></script>

if you use http://www.net-aid.net/menu/

or

Code: Select all

<script type="text/javascript" src="/menu_data.js"></script>

if you use http://www.net-aid.net/

CozmoRaine · Post by **CozmoRaine** » Wed Jul 27, 2005 7:59 pm

Let me just throw this out there

On the tier issue, I notice that once I CAN get my mouse to work on the third tier, the first one disappears, yet the 2nd and 3rd tiers are still up. At this point - the pointer turns into a hand over both the tiers that are left up.

It seems to me that somehow I'm only "allowed" to have 2 fully-functionable tiers working at once.

Does this make much sense?

Thanks for the help!

CR

slackbladder · Post by **slackbladder** » Wed Jul 27, 2005 8:14 pm

Try removing the left and top statements of all your submenus.

Also consider reviewing one of the many examples here on the site and download one. Then edit it with your links.

http://milonic.com/menusample1.php

CozmoRaine · Post by **CozmoRaine** » Wed Jul 27, 2005 8:24 pm

I tried taking out the LEFT and TOP, but then the submenu was in the middle of the page.

Also - I did copy and paste the code from the sample. It's still not working.

Thanks for trying

CR