Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

Centering the page menu bar with a background image (and "width: "?)


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Dec 14, 2010, 03:57 AM
Fux
 
142 posts · Apr 2009
Hi -
I'm having some trouble with the menu bar on http://www.urgeschmack.de/

I am using %page-center to get the bar centered. But then the background image won't be shown over the full width but instead just as far as the buttons reach.

That's why I added

Code:
div#menu1 {
	border: none;
	width: 960px;
}
But that kind of disables the center-alignment.
To still get my buttons kind of centered, I am using this:

Code:
div#menu1 ul.rMenu li a:link, 
div#menu1 ul.rMenu li a:hover, 
div#menu1 ul.rMenu li a:visited, 
div#menu1 ul.rMenu li a:active
    {
    padding: 4px 37px;    
    }
But, as you can see if you hover above the last button ("Über Felix"), that solution is flawed as well.

I tried a lot but I just don't get it to work.

Could you help me with this?
  #2  
Old Dec 14, 2010, 06:17 AM
juggledad's Avatar
juggledad
 
22,326 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Quote:
But, as you can see if you hover above the last button ("Über Felix"), that solution is flawed as well.
looks fine to me, did you fix it?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Dec 14, 2010, 07:58 AM
Fux
 
142 posts · Apr 2009
No, I didn't. There is a ~20px free space to the right of that last button (you will see it when you hover over it).

There's no way to change the padding (now 37px) to fix that. Currently, the buttons are left-aligned, meaning that if I change the padding (or the button texts), everything will move to the left as well.
  #4  
Old Dec 14, 2010, 08:58 AM
juggledad's Avatar
juggledad
 
22,326 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
oh, yeah now I see it. To tell the truth I didn't notice it. I'd just ignore it. The amount of time you might spend trying to make it exact may never give back any payoff.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Dec 14, 2010, 10:24 AM
Fux
 
142 posts · Apr 2009
Yeah... I guess that's true. CSS sometimes sucks.

Thanks for looking into it and merry Christmas!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Choosing "transparent" for the page/category bar background color? rhythm Page & Category Menu Bars 10 Dec 8, 2010 12:40 PM
My dropdown pages in the "page" menu bar are all messed up juggledad Menus 0 Nov 1, 2010 07:06 AM
How do I create a transparent "Pages" menu bar over the bottom of the header image? Espresso Forum How-To 9 Oct 27, 2010 07:05 PM
Something to make you go "Hmmmm"! Page menu bar not centered!! Masselyn Page & Category Menu Bars 0 Jan 30, 2010 09:13 PM
Background color "sub-pages" and "whole menu bar" gxxfy Page & Category Menu Bars 1 Nov 24, 2009 03:46 AM


All times are GMT -6. The time now is 12:08 PM.


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