Hi,

I would like to know, how center the menu.
I've install yuimenu in the garland theme, just after the header region.

The yuimenu appear on top of the page, good. But menu items are left align, is it possible to center that?

Thanks a lot.

CommentFileSizeAuthor
#2 whatIHave.jpg104.5 KBgrosbedos
#2 whatIWant.jpg104.53 KBgrosbedos

Comments

bakyildiz’s picture

bakyildiz commented

you have to add the following line in the proper element (for example find the ".yui-skin-sam .yuimenuitemlabel" element in your menu.css file) in your menu.css file.
text-align :center;
This will center all menu items.

grosbedos’s picture

grosbedos commented
StatusFileSize
new whatIWant.jpg104.53 KB
new whatIHave.jpg104.5 KB

Thanks for your reply.
But i have not good explain what i want.

I would like to center the entire menu.

I have attached two screenshot, it would be self explain now. (i think)

Thanks for your help.

helmi03’s picture

helmi03 commented

This issue related to how you style your page and not specific to yuimenu module.

one way is wrap you menu div into another centered div. Let say menu in div id="productsandservices".

<div id="wrapper" align="center">
 <div id="productsandservices"></div>
</div>

or, some other references:
* http://css-discuss.incutio.com/?page=CenteringBlockElement
* http://www.maxdesign.com.au/presentation/center/