Dbl Floating Navbar

TimBert · Post by **TimBert** » Sat Mar 20, 2004 5:32 am

I am experimenting with a new CSS style sheet to upgrade the look of my site. Something in the new style sheet is causing the navbar to stop obeying:

itemwidth="100";

The items are now sizing to suit the text throwing off the alignment of the two rows of items:

The relevent pages follow:

http://www.leicesterandleicestershire.com/indextmp.html (the new home page)

http://www.leicesterandleicestershire.c ... atatmp1.js

http://www.leicesterandleicestershire.c ... n_Jose.css

Any help will be much appreciated

Tim

Post by **Ruth** » Sat Mar 20, 2004 11:52 am

Hi Tim,
It's not the new css file. Someplace in the new menu data file you made a change. I'm trying to compare them but I thought I'd let you know it's not the css file. What I did was download the page, and then go and get the old menu_data.js file at the site and substituted it, as soon as I did that, the menus went back to just like they are now as to size. I'm looking for the error, but you know what changes you made so you might be able to find it quicker.

Ruth

Post by **Ruth** » Sat Mar 20, 2004 12:06 pm

Not being sure if you'd already read the other post, I posted new. The error is in the menu_datatmpl.js file. You have

Code: Select all

with(menuStyle=new mm_style()){
onbgcolor="#003300";

and it should be

Code: Select all

with(menuStyle=new mm_style()){
itemwidth="105";	
onbgcolor="#003300";

As soon as I put that in the menu went back to normal

Ruth

TimBert · Post by **TimBert** » Sat Mar 20, 2004 11:24 pm

Hi Ruth,

I actually had the line in but had not saved the last version.

I still have the problem. If you got to this page:

http://www.leicesterandleicestershire.com/

You will see the way it is supposed to look. But on this page:

http://www.leicesterandleicestershire.com/indextmp.html

which uses the new style sheet, it is wrong. In my browser the top menu is wider than the lower one and the individual items are all sized according to the text description length and not according to the "itemwidth" command

Maz · Post by **Maz** » Sat Mar 20, 2004 11:37 pm

In Safari they both look the same different lengths.

would menuwidth work for you?

Now that IE is performing 100% that might be an option too.

maz

Post by **Ruth** » Sun Mar 21, 2004 2:24 am

Try updating your menu to 5.07. I tested on my desktop using mine, which is 5.07 and it works in nn6, 7, opera 6, 7, ie 5.5, firebird .07. The menus are the same length.

Ruth

TimBert · Post by **TimBert** » Sun Mar 21, 2004 3:48 am

Solved it, but I still don't get it. The reason it works improperly in one and not the other is because of this statement:

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

That (which was generated by Style Master 3.5) causes the problem (I have no idea why).

It works fine if I have this statement at the top of the page as per the original (also works with no statement at all):

<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

I think I get points for intuition, if nothing else.

inexperience plus intelligence = inovation

Post by **Ruth** » Sun Mar 21, 2004 4:55 am

I never would have even seen that. And, yep you get points

But, still, unless it does something different on the web and my desktop, with the newer version of the menu, it worked even with that reference in it.

Ruth

Milonic JavaScript Menu

Dbl Floating Navbar

Dbl Floating Navbar

Solved it!