Width on table??

[jbruso]

Hello,

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

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

Code: Select all

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

That doesn't work.

Thanks,

John

[Ruth]

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

[jbruso]

Hi Ruth,

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

Code: Select all

<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: Select all

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://milonic.com/menuimages/arrow.gif";
subimagepadding=2;
right=8; 
menuwidth="100%"; 
menualign="center";

}

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

[Ruth]

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

[jbruso]

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

[Ruth]

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