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


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


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 13 Years, 10 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 13 Years, 10 Months ago Karma: 748
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 13 Years, 10 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 13 Years, 10 Months ago Karma: 748
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