Menu Width 100&

Poster: alfonce
Dated: Tuesday July 4 2006 - 15:46:03 BST

Hi,

Im trying to set my menu width to 100%.
However I want the menu items to be centred and cover say only 70 %.
Moreover I also want to set the border colour for the bottom line as black and the top line as white and no border for left or right.
Is it possible to achieve this?

Thanks,

Alex.

Poster: Ruth
Dated: Tuesday July 4 2006 - 17:53:34 BST

Hi,

You can set menuwidth to 100%, but itemwidth needs to be pixels. Perhaps you want to assume a 800x600 resolution, split the items to span all across that, then set menualign="center"; This way the items would span all across at 800x600 but at anything higher the items would be smaller than the 100% and would be centered in the 100% span.

As to the border, setting the menu border will only put it around the full menu, only item borders follow css where you can set them using css styling. However, you could use a menubgimage to do that.

The problems come from browsers and how they treat font size. You could set it up to look like it had that kind of border and then if anyone using NN, FF, IE with accessbility and font size set, or most other browsers who changed their font to be really large it would then make the menubgimage look odd and the top border would remain at the top, but the bottom would be someplace in the middle and the image would then begin to repeat.

There is a way to make it look as if it had such a border and that would be to use a table, place the menu in the table and code the border in the table.

If you have a page you can put up so I can see it, and see your layout I can see what I can do.

Ruth

Thanks

Poster: alfonce
Dated: Wednesday July 5 2006 - 9:47:16 BST

Thanks for that.
It works great but it does force a horizontal scroll bar?
Ideas how to dal with this?

Thanks,

Alex.

Poster: Ruth
Dated: Wednesday July 5 2006 - 15:53:41 BST

Hi,

I'd have to see your layout to know what's causing the horizontal scroll bar and how to do it so it wouldn't be there.

If you can't put up a test page, which is the best way for us to work on things, then please post your html code here, any css that is on that page, and the menu_data.js file.

To post code, use the code button above.

Ruth