drop down menu layout help

@mikesilveyAug 12.2004

hi, stil not getting this menu to work how i wat it, how would i make the menu items (ie. the inital toplevel menu items like “products” etc) closer together, they default being quite far apart and it seems the longer the word, the further the distance to the next item?

~~[upl-file uuid=0e0a86da-ae28-4edd-a860-814f3479fda0 size=4kB]~~main.zip[/upl-file]

to post a comment

CSS

@PittimannAug 12.2004 — #Hi!

Please read this and not only grab the code below:

it is not necessary to start a new thread always when you have a question related to a thread you already started before. Not only because of waste of bandwith, but also in your own interest. If you post to a thread where you already had replies, those who replied will be informed, if you post something new. So you will increase your chances to get a reply again soon. It is also unnecessary to start three threads always with the same attachment.

Well - here we go. Open your menu.js file in your editor and go to line 38-40; these lines are:
-----

if (ie||ns6) HTMLstr += "<div id='MainTable' style='position:absolute;top:0;left:0;'>n";

// if (n) HTMLstr += "<layer name='MainTable'>n";

HTMLstr += "<table width='100%' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>n";
-----

replace them with:
-----

if (ie||ns6) HTMLstr += "<div id='MainTable' style='position:absolute;top:0;left:0;width:100%;background-color:"+this.bgColor+"'>n";

HTMLstr += "<table bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>n";
-----

The black bar will take all the available horizontal space, whereas the top level menu items only take as much space as necessary.

Regards - Pit

@mikesilveyauthorAug 12.2004 — #hi, sori about multiple posting and files!

ive tried doing what you sujested, but now it wont work at all! lol, have included the 1 file, lol, did i rpelace the correct code?

cheers.

[upl-file uuid=ad472b31-89b5-4a5e-8fc3-8c4b858a916a size=2kB]menu.zip[/upl-file]

@PittimannAug 12.2004 — #Hi!

Not your fault, what you did was correct. The forums' software inserted a killer: a linebreak which has to be removed. It is following this bit:

if (ie||ns6) HTMLstr += "<div id='MainTable' style='position:absolute;top:0;left:0;width:100%;

and separates that from

background-color:"+this.bgColor+"'>n";

The stuff has to be in one line, then it will work.

Cheers - Pit

@mikesilveyauthorAug 12.2004 — #once again, thanx very much!

@PittimannAug 12.2004 — #Hi!

You're welcome once more. ?

Cheers - Pit

drop down menu layout help

5 Comments(s) _↴

Well - here we go. Open your menu.js file in your editor and go to line 38-40; these lines are:
-----

HTMLstr += "<table width='100%' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>n";
-----

replace them with:
-----

HTMLstr += "<table bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>n";
-----

Also in #CSS _↴

Success!

Social

Version

drop down menu layout help

5 Comments(s) ↴

Well - here we go. Open your menu.js file in your editor and go to line 38-40; these lines are: -----

HTMLstr += "<table width='100%' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>n"; -----

replace them with: -----

HTMLstr += "<table bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>n"; -----

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Well - here we go. Open your menu.js file in your editor and go to line 38-40; these lines are:
-----

HTMLstr += "<table width='100%' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>n";
-----

replace them with:
-----

HTMLstr += "<table bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>n";
-----

Also in #CSS _↴