Width on table??

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:39

Width on table??

Poster: jbruso
Dated: Tuesday March 6 2007 - 15:45:20 GMT

Hello,

How can I edit the width of this table in order to make it larger?

http://dev.sheridan.edu/Test/nav.html

Code:

with(menuStyle=new mm_style()){
width="732px"; 
}

That doesn't work.

Thanks,

John

Poster: Ruth
Dated: Tuesday March 6 2007 - 16:35:35 GMT

Hi,

Are you asking about the table on the page or the menu? If the menu, the size goes into the main menu, not into the style and, it isn't width it's menuwidth, or if you want to set it in based on the width of the items it would be itemwidth. If you are going to put the menu into the table, then you can use menuwidth="100%"; itemwidth="100%"; which will make it span the table cell and will make the items span equally across the menu, if you leave out itemwidth, the menu items will assume the size based on the text and you can use menualign="center", or left, or right and it will shift the items in the menu to those positions leaving the rest of the menu empty and colored whatever you have set for menubgcolor.

Below my name is a text that say Properties and 3 links, those pages will show you which area accepts which properties.

Ruth

Poster: jbruso
Dated: Tuesday March 6 2007 - 17:43:43 GMT

Hi Ruth,

Why won't the menu align inside the table? I have:

Code:

<table width="732" border="1" align="center">
<tr><td><script type="text/javascript" src="/menu_sub2/menu_data.js"></script>   
</td>
</tr>
</table>

This is my menu code

Code:

with(menuStyle=new mm_style()){
bordercolor="#ffcc99";
borderstyle="solid";
borderwidth=1;
fontfamily="Tahoma, Arial";
fontsize="100%";
fontstyle="bold";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#fff0e0";
offcolor="#003366";
onbgcolor="#ffcc99";
oncolor="#ffffff";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=1)";
padding=10;
pagebgcolor="#ffcc99";
pagecolor="black";
separatorcolor="#ffcc99";
separatorsize=1;
subimage="http://www.milonic.com/menuimages/arrow.gif";
subimagepadding=2;
right=8; 
menuwidth="100%"; 
menualign="center";

}

It looks like the menu wants to be outside the table??

Poster: Ruth
Dated: Tuesday March 6 2007 - 18:28:39 GMT

Hi,

I downloaded your page and you do not have the menu set up to be inside the table. You have it set at top= and left= To place it in the table you need position='relative';

There are two methods to put it in the table.

1. add buildAfterLoad=true; to the top of the menu_data.js file in the area where the subOffsets are set.

remove the top= and left= from the main menu and add position='relative';

place the calls for the menu files into the table cell where you want it to appear.

2. cut the main menu out of the menu data file and put it in it's own file

remove the top= and left = and add position='relative';

add a drawMenus(); at the end of the file and save it as whatever name, i.e. embedded_main.js

save the new menu_data.js file without the main menu in it, but it still has drawMenus(); at the end.

Call the files immediately after the body tag, except the main menu file which you call in the table cell.

Ruth

Poster: jbruso
Dated: Tuesday March 6 2007 - 20:54:29 GMT

Thanks Ruth,

That has been a lot of help.

I encountered an issue with the menu having about a 5 pixel space on the right border here:

http://dev.sheridan.edu/programs/

Do you see how the blue background is showing and that the menu is not 100% within the table?'

It should look like this: http://dev.sheridan.edu/Test/nav.html

Any ideas?

Thanks

Poster: Ruth
Dated: Sunday March 11 2007 - 6:57:59 GMT

Hi,

I'm sorry I didn't respond sooner, but for some reason I didn't get a 'post' notification.

I'm not seeing any probem, I guess it's in the top area that's blue? That's the only place I see a blue bg.

What browser and OS?

Ruth

Industrial Strength JavaScript and DHTML Menus

Width on table??