itsy bitsy menu

[fatmaninspeedos]

I've downloaded the sample code for the XP Style Menus. I want to integrate the menu into my ASP.NET application and I've created a user control that contains. I have enclosed the contents of menu_data.js in the sample between:

<table width=700 cellpadding=0 cellspacing=0>
<tbody>
<tr>
<td>
<script>
...contents of menu_data.js...
</script>
</td>
</tr>
</tbody>
</table>
<script>

I have added the following customizations to the sample:
menuwidth="100%";
menualign="center";

I have included the .js files to create the menu as well. The problem I'm encountering is that the menu appears about 60% the size the sample appears. I can run the same on my machine, and it looks fine, but the exact copy copy/pasted into the user control is much smaller.

Any suggestions?

[Maz]

Would help to see what's happening.

How about
itemwidth="100%";

maz

[fatmaninspeedos]

I did some troubleshooting and found that the menu gets 'itsy bitsy' when I include the .CSS files that I use. When I take my CSS files out, the menu is a normal size.

Does anybody know why having my .CSS file causes a problem? Is there are CSS property that the menu is pickin up?

-- Aaron

[kevin3442]

...Is there are CSS property that the menu is pickin up?...

Hi Aaron,

Could be a few. As Maz said, it would help to see it. If you could post a URL, that'd be best. Meantime, I'd look to see of you have a style in your .css file that affects <TD>.

Kevin

[Maz]

Kevin,

There is a definate css conflict, I'm experiencing the same, forum menu and site menu are different with 2 different css files. They weren't before 5.1. so its affected by line height, probably on body tag.
I can't figure out where left align submenu is coming from.

Regards,
maz

[fatmaninspeedos]

I did some more investigating and, as it turns out, a TD reference in my CSS file is causing the table to go itsy bitsy. The absence of this CSS statement:

TD {F ONT-SIZE: 11px }

allows the menu to render properly.

What's the easiest way to resolve this? I have MANY pages dependent on this style setting. Can I change the menu so that it doesn't "pick up" this CSS setting?

-- Aaron

[fatmaninspeedos]

As it turns out, it was the FONT-SIZE property in my CSS TD { } definition that was causing the shrinkage.

The samples that I used set the fontsize to 75%, so that's why it looked smaller. By overriding the fontsize to 12px, I was able to make the menu look normal again.

You guys have a great site and great people workin' the forums. It's so nice to use a well-supported product!

-- Aaron

[kevin3442]

The itsy bitsy menu ran through the TD spout.
Down came a style and squeezed the font size out.
Out came the fontsize property and cleared up all the pain,
and the itsy bitsy menu was normal sized again.

--Yeah... it's been a long day.

Thanks for the kind words. Much appreciated, although it seems that you did most of the solving yourself!

Miller Time!

Kevin