Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

evenly spaced page menu bars


  #1  
Old May 27, 2009, 03:06 PM
phryedrice
 
2 posts · May 2009
hi, i was wondering if it is possible to space out the menus to spread across the page evenly. I dont have many page menus so i think it looks a little weird having them all bunched up on the left. so anyway to spread them out? thanks
  #2  
Old May 30, 2009, 10:12 AM
estyron
 
1 posts · Apr 2009
I am also wondering how to do this. thanks!
  #3  
Old May 31, 2009, 06:25 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Not evenly in the sense that the distance changes automatically depending on the amount of menu tabs, but you can give each menu tab a fixed left or right margin at HTM/CSS Inserts -> CSS Inserts:

HTML Code:
ul.rMenu li {
margin-right: 50px;
}
/*reset for submenus*/
ul.rMenu li ul li {
margin-right: 0;
}
  #4  
Old May 31, 2009, 06:27 PM
cdrice
 
5 posts · May 2009
Apache Junction, AZ
Send a message via Yahoo to cdrice
I'd be interested in a "supported" solution to this as well. In the mean-time, I've kludged this together and it works for me...

Under "Page Menu Bar" options, "Font Size & Face," I replaced the default:
11px Arial, Verdana, sans-serif
with:
6px Arial, Verdana, sans-serif; font-weight: bold; width: 9em; text-align: center

Which gives even-spacing (with the width attribute), and also centers each page title (with the text-align attribute) in each menu box.

ETA - Hi, Flynn! Looks like I was too slow on the draw and you already replied!

Last edited by cdrice; May 31, 2009 at 06:29 PM.
  #5  
Old Aug 1, 2009, 05:45 AM
joaodagraca's Avatar
joaodagraca
 
20 posts · Jul 2009
Hi ,

I would also like this feature in my menu.

Thanks
  #6  
Old Aug 1, 2009, 11:26 AM
kdawes01's Avatar
kdawes01
 
96 posts · May 2009
Missoula, MT
I had posted a similar question and Flynn, you solved in aces here! I didn't think of the reset of the sub-menu list! I would suggest a modification to Flynn's fix though. Using a fixed spacing wouldn't work for me so I added the following instead...

Code:
/* space menu items across width */
ul.rMenu li {
width:10%;
text-align:center;
}
/*reset for submenus*/
ul.rMenu li ul li {
width:10em;
margin-right: 0;
}
I have a liquid layout and with a fixed menu item margin in a 1024 width browser the menu would wrap... So I instead made the menu item a percentage (10% in my case i.e. 100/#menu items=percentage), aligned the text and in the reset, coded the sub-menu width back to 10em

Works great for me! Thank you Flynn!

Ken
  #7  
Old Aug 2, 2009, 10:24 AM
cdrice
 
5 posts · May 2009
Apache Junction, AZ
Send a message via Yahoo to cdrice
This is getting closer and closer to what I wanted in the first place, myself... However, using any of these methods we have discussed so far, I still have an empty cell (albeit very, very small) on the far right of the menu bar. Is it possible to completely eliminate that final empty cell?
  #8  
Old Aug 8, 2009, 05:01 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
You can give the first item a specific style with CSS

li:first-child {
...
}

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Pages and categories menu bars nrg Page & Category Menu Bars 0 Jun 5, 2009 05:04 PM
how to extend the added image to your layout width in menu bars? and some other Q's ppat2 Page & Category Menu Bars 1 May 5, 2009 05:28 PM
Menu bars different in Safari vs. Firefox paulae Page & Category Menu Bars 2 Apr 5, 2009 04:10 PM
Centering BOTH Page and Category menu bars paulae Page & Category Menu Bars 1 Mar 21, 2009 09:09 AM
2 page menu bars (left and right side) possible ? Tigger Page & Category Menu Bars 2 Feb 8, 2009 02:50 PM


All times are GMT -6. The time now is 09:17 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.