Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] Superimpose the page menu over the header image (http://forum.bytesforall.com/showthread.php?t=13189)

GrahamW Mar 7, 2011 04:31 AM

[SOLVED] Superimpose the page menu over the header image
 
I'm trying to superimpose the page menu over the header image.

Here's my site: www.the-confidant.info

And here's one that has this (simply as an example to see what I mean): www.geraldwoolfson.co.uk

Any help would be much appreciated.

Thanks, Graham.

juggledad Mar 7, 2011 04:34 AM

use a negative magin

GrahamW Mar 7, 2011 07:17 AM

I'm sorry, I'm obviously not understanding quite right. Which margin should be negative? I can't see a margin setting for the menu and when I introduce a bottom margin for the header image it doesn't seem to do anything.

Thanks
Graham

juggledad Mar 7, 2011 07:46 AM

sorry I should have said 'position' . You want to position the element with a negative value.
This is where using Firebug in FireFox will come in handy. You can view the elements and then add in CSS to change the position to relative and change the top value to a negative number to move it up the page.

GrahamW Mar 7, 2011 10:53 AM

Sorry, I don't know anything about CSS, other than copying other people's ideas. Could you point me to somewhere I can find an example of what I need to do?

Thanks, Graham.

GrahamW Mar 7, 2011 03:44 PM

Supplementary question - would the same process also be used to shift the header image up the screen so that it is directly at the top?

Many thanks
Graham.

juggledad Mar 7, 2011 04:08 PM

try this in CSS inserts
HTML Code:

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

for the second issue, change the 'padding: 20px 0;' at ato->Body, Text & Links->Body Style.

and I would suggest going thru the CSS tutorials at http://w3schools.com/css

GrahamW Mar 8, 2011 03:05 AM

Brilliant!

Thank you VERY much.

The price of a modest bottle of wine has been donated.

Best wishes
Graham.

GrahamW Mar 8, 2011 03:15 AM

Ah.... Not QUITE so fast.

I've shifted it up as I'd wanted, but now the sub menus under "Articles" and "Other..." which were created with the custom menu tool aren't working.

Are these related and any ideas on how to resolve it?

Thanks
Graham.

juggledad Mar 8, 2011 04:29 AM

When the menu is moved up, it ends up under the header image which is why the hovers don't work. You need to add a 'z-index' to put it on top of the header. Add 'z-index:10;' to the other CSS

GrahamW Mar 9, 2011 10:25 AM

Brilliant. Thanks very much - all sorted.


All times are GMT -6. The time now is 07:21 AM.

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