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 »

Spacing menu items evenly across menu


  #1  
Old Oct 4, 2012, 11:32 PM
jfksdca
 
1 posts · Oct 2012
Hi. I have been through all the forums under menu bars and nothing seems to have helped. Like so many others I would like my menus spaced evenly across. I used the cheat sheet provide by juggledad.

I have successfully changed the background to a gradient image. Everything works like I would like it to except for the spacing. Any help would be greatly appreciated.

The site is johnmcconnellphd.com

The css I added from the cheat sheet is:

/* =========================== */
/* Page menu background */
/* =========================== */
div#menu1 {
line-height: 30px;
background: #fff url("http://www.johnmcconnellphd.com/wp-content/themes/atahualpa/images/nav.png") repeat-x center top;
margin: 0 auto;
width: 100%;
float: left;
list-style: none;
position: relative;
}
/* ============================== */
/* Page Menu item's background and border */
/* ============================== */
div#menu1 ul.rMenu {
//background: red;
border: none 0px;
background-image: url(http://www.johnmcconnellphd.com/wp-c...ages/nav.png);
//height: 30px;
text-align: left;
margin: 0 auto;
display: block;
}

/* ========================= */
/* Page Menu item */
/* ========================= */
ul.rMenu li a:link,
ul.rMenu li a:visited,
ul.rMenu li a:hover,
ul.rMenu li a:active,
ul.rMenu li {
color: #FFFFFF !important;
background-image: url(http://www.johnmcconnellphd.com/wp-c...ages/nav.png);
}
  #2  
Old Oct 5, 2012, 12:08 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I just used Firebug to come up with this code that will make the top level full width at least in Firefox. You will have to add more CSS to adjust the sub-menus because of the cascading part of CSS.
HTML Code:
#rmenu2 li {
    width: 12.6%;
    text-align: center;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Tags
menu, spacing

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Extra spacing on page menu child items samij0 Page & Category Menu Bars 1 Feb 1, 2012 06:12 PM
[SOLVED] menu two menu items links to same page / external link inside dropdown menu thekjub9 Page & Category Menu Bars 1 May 24, 2011 07:59 PM
evenly spaced page menu bars phryedrice Page & Category Menu Bars 7 Aug 8, 2009 06:01 AM


All times are GMT -6. The time now is 08:00 AM.


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