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: 123

TOPIC: Centering menu items with equal padding

Forum Tools

#5283

Re:Centering menu items with equal padding 1 Year, 7 Months ago	Karma: 0
Okay -- it's back at: tinyurl.com/32dr7v9

BBWeb

The administrator has disabled public write access.

#5284

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

Thanks. Regarding your questions, add the following CSS rules to 'CSS Styles' parameter in module settings:

1.

Code:



#top_menu #{$id} .yuimenubarnav .yuimenubaritem 

{

 border-right-style: none;

}

Code:



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

{

  padding:1px 0;

}

Code:



#top_menu #{id}

{

  display: -moz-inline-stack;

  display:inline-block;

  width:auto !important;

  zoom: 1;

  *display: inline;

}

Code:



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

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

{

  cursor: pointer;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#5285

Re:Centering menu items with equal padding 1 Year, 7 Months ago	Karma: 0
Thanks. 1, 2, and 4 worked -- 3 did not. Plus, I need to know how to implement the primary request I had to start out -- I am trying to get a simple horizontal menu where the text label for each button is centered, and the space in between each is even. Thanks!

BBWeb

The administrator has disabled public write access.

#5303

Re:Centering menu items with equal padding 1 Year, 7 Months ago	Karma: 278
Sorry, but it's hard to help because we don't see the menu on your site again. We need to see it that we know what template CSS styles are applied to the menu. Regards, ARI Soft

admin

The administrator has disabled public write access.

#5305

Re:Centering menu items with equal padding 1 Year, 7 Months ago	Karma: 0
Posted again. tinyurl.com/32dr7v9 (Sorry about that -- I can't keep something that doesn't look right live if it's not being worked on.)

BBWeb

The administrator has disabled public write access.

#5306

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

Add the following CSS rules, please:

Code:



#top_menu #{$id}

{

  text-align: center;

}



#top_menu #ariyuimenu_{$id}

{

  display: -moz-inline-stack !important;

  zoom: 1;

  *display: inline !important;

  display:inline-block !important;

  width:auto !important;

}



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

{

  padding: 0 15px;

  width: auto;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 123

Useful Links