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 » Header configuration & styling »

[SOLVED] Moved Menu Bar to Header Image - Space persists between header and body


  #1  
Old Jun 2, 2011, 12:56 PM
LA's FINE
 
6 posts · Sep 2010
I inserted the following code at Inserts:

div#menu1 ul.rMenu {
position: relative;
top: -40px;
}

I succeeded in moving the menu bar onto the Header Image - but now there's a space between the header and the body... what am I missing?
  #2  
Old Jun 2, 2011, 01:04 PM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I suggest you go read about CSS Positioning
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jun 2, 2011, 01:16 PM
LA's FINE
 
6 posts · Sep 2010
Thanks. Will do! Bookmarked.
  #4  
Old Jun 2, 2011, 02:16 PM
LA's FINE
 
6 posts · Sep 2010
OK... I'm clearly a CSS newbie... but I'm guessing that the problem has to do with position. If I set it to "relative", I can get the buttons in the right place, but there's still space between the header image and the body. The space goes away if I change the position to "fixed" or "absolute", but then the buttons don't stay in the right place when I resize.
  #5  
Old Jun 2, 2011, 05:17 PM
aQuickStudy's Avatar
aQuickStudy
 
43 posts · Mar 2010
You shouldn't need positioning for this. Without a link to the site it's impossible to troubleshoot, but I imagine you have extraneous padding or margins. I'd use Firebug to check it out.
  #6  
Old Jun 2, 2011, 05:34 PM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
if you are going to be playing with positioning, I suggest using a fixed width layout.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jun 2, 2011, 05:40 PM
LA's FINE
 
6 posts · Sep 2010
It is fixed width. I guess where I'm having the learning problem is that I don't completely understand in this situation what relative positioning is relative to.

I have an image that I'm using as the header, and want the menu buttons to appear on the image. I was able to accomplish this by making the background transparent and moving the position of the menu up - but when I do this, a space persists between the image and rest of the content.

If I change from "relative", the space disappears, but the text position changes depending on the size of my browser window.
  #8  
Old Jun 2, 2011, 06:23 PM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
instead of using top, try playing with margin-top
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Jun 2, 2011, 07:06 PM
aQuickStudy's Avatar
aQuickStudy
 
43 posts · Mar 2010
We've discussed via PM but for the benefit of future readers here are the things we've talked about trying:

- trying bottom padding on the menu
- slicing the header image horizontally so that you are using one slice as the menu background and another as the header, with no space between

(those are separate suggestions, by the way)
  #10  
Old Jun 2, 2011, 07:50 PM
LA's FINE
 
6 posts · Sep 2010
margin-top! Did it! Thanks!!!

(I have so much to learn)
  #11  
Old Jun 2, 2011, 07:51 PM
LA's FINE
 
6 posts · Sep 2010
and thanks also very much to aQuickStudy! Clever solutions indeed!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to remove space between header image and page menu bar? damian Forum How-To 2 Apr 13, 2011 01:40 PM
White space between header and menu bar cswphotography Header configuration & styling 2 Feb 14, 2011 05:12 AM
Space between the header image and menu bar rhenium3 Header configuration & styling 9 Dec 13, 2010 09:38 AM
Space between Header image and menu bar... Karl.uy Page & Category Menu Bars 0 Aug 5, 2010 05:27 PM
[SOLVED] Space between Header and Body papalagi Header configuration & styling 6 Nov 2, 2009 05:50 PM


All times are GMT -6. The time now is 03:22 AM.


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