ARI Soft - Centering menu items with equal padding

Home

News

Forum

Featured Demos

ARI Smart Content demo

ARI Quiz demo

ARI Sexy Lightbox demo

e-mail: info@ari-soft.com

Shopping Cart

Show Cart

Recent Events

29/12/2011 Merry Christmas and Happy New Year!

Dear visitors, our office will be closed from December 30 to January 2 due to the celebration of the New Year. You can purchase and download our products, but we can not guarantee quick answers to your questions for this period of time. Happy New Year! Your ARI Soft team.

more...
27/09/2011 ARI Smart Content v. 1.8.0

ARI Smart Content v. 1.8.0 is ready. New version is compatible with Joomla! 1.5, 1.6 and 1.7 and it is released under GNU GPL license.

more...

2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft.

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI YUI Menu

Centering menu items with equal padding

(1 viewing) (1) Guest

Page: 1 23

TOPIC: Centering menu items with equal padding

Forum Tools

#5307

Re:Centering menu items with equal padding 1 Year, 7 Months ago

Karma: 0

1. Now the bar itself is centered -- I didn't want that.

2. And as I mentioned, it needed to be a particular width. How can I control that?

3. How can I control the text size -- it's kind of small.

4. When I view this in IE,
a) it adds an empty section on the right end, and
b) the rollovers aren't the same size as the lowlights, and
c) the rollovers highlights cause text shifting.

5. Which browser versions should this work in?

BBWeb

The administrator has disabled public write access.

#5310

Re:Centering menu items with equal padding 1 Year, 7 Months ago Karma: 278

1. You can change position of the bar with the next CSS rule from the previous post:

Code:



#top_menu #{$id}

{

  text-align: left;

}

2. Do you different width for each column or the same width for each column?

3. Font size can be set in module settings.

4 and 5. We have seen it in FireFox and IE 8.0 browsers.

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#5311

Re:Centering menu items with equal padding 1 Year, 7 Months ago

Karma: 0

Thanks again.

For #2, I'd like to know how to do each:
a) to have each column spaced according to the text in it, so the spaces in between words is even (this is probably best since all browsers aren't showing the vertical bars)
b) to have each column the same size (so the buttons within the vertical bars when they show up is the same)

I'm not sure what you mean about 4 & 5 -- you've seen it *working* in IE and FF? Or you've seen that problem?

BBWeb

The administrator has disabled public write access.

#5312

Re:Centering menu items with equal padding 1 Year, 7 Months ago Karma: 278

If you want to set the same width for each menu item, use the following CSS rule:

Code:



body #top_menu #{$id}.yui-skin-sam .yuimenubar ul li

{

  width: 75px;

}

If you want to have the same padding for each menu item, use the next CSS rule:

Code:



body #top_menu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel

{

  text-align: center;

  padding: 0 5px;

}

We have checked the menu on your site in FireFox and IE 8.0 and it works. We haven't check it in other browsers.

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 1 23

Useful Links