[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. |
use a negative magin
|
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 |
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. |
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. |
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. |
try this in CSS inserts
HTML Code:
div#menu1 ul.rMenu { and I would suggest going thru the CSS tutorials at http://w3schools.com/css |
Brilliant!
Thank you VERY much. The price of a modest bottle of wine has been donated. Best wishes Graham. |
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. |
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
|
Brilliant. Thanks very much - all sorted.
|
All times are GMT -6. The time now is 04:25 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.