Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


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




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Centering menu items with equal padding
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: Centering menu items with equal padding
#5307
Re:Centering menu items with equal padding 7 Years, 3 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?
The administrator has disabled public write access.
 
#5310
Re:Centering menu items with equal padding 7 Years, 3 Months ago Karma: 666
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
The administrator has disabled public write access.
 
#5311
Re:Centering menu items with equal padding 7 Years, 3 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?
The administrator has disabled public write access.
 
#5312
Re:Centering menu items with equal padding 7 Years, 3 Months ago Karma: 666
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
The administrator has disabled public write access.
 
Go to topPage: 123