Change background image of Page Menu bar (for noobs)
 

Hi all,
I've already looked through the this forum and find many post refering to the issue of changing the background image - but i'm a noob and do not understand it. Sorry!

I have made a menu image with the dimensions of 1023x47 px. Saved as .jpg -but to which path/folder should I upload it?

How do I make it work as a background image lying underneath the menu navigation (I simply just want the navigation to be on top of the image, so that you can see my image through)?

Please help....

my page is: www.handyhansen.dk

I have tried to put in this:

div#menu1 { margin-top:40px; background: url(/wordpress/wp-content/themes/atahualpa/images/menu2.jpg);
}

But the background isn't showing - I can only see the yellow color I have chosen under ATO>Header Area> Page Menu Bar>Background color

to change the background image of the PAGE MENU BAR (not the menu items) use

Hey Juggledad, Thanks for the reply! I put in this code:

ul.rMenu li {
height: 0px;
margin-top: 0px;
margin-right: 40px;
margin-left:40px;
background-color: #000000;
}
div#menu1 {
height: 47px; //the height of my menu-image
margin-top:0px;
background: url(/wordpress/wp-content/themes/atahualpa/images/menu2.jpg);
background-color: transparent;
}

Now everything is working.

See the result at: www.handyhansen.dk

I haven't got a clue what the code actually means (I'm a newbie!).
But after 24 hours of scouting this forum for answers my energy is running very low!

I know It has nothing to do with the orginal question (or the subject of this forum) but do you know how to remove the text/image mouse-over on the content pages (for instance the "profile" page) - it's very irritating!)?

Thanks a billion....

I can see that It only happens on pages where I use the table function in the WYSIWYG editor.

I solved it visiting: ATO>Various Content items> Style Tables.

in Safari and Firefox on the MAC, all your menu items are on top of each other

I'm seeing the same thing in Firefox, but not IE, in Windows (menu is bunched on top of itself).

Sorry for really late reply - have been on vacation! Ohh my god in Firefox it looks like shit.... I have put in the code as described. How do I change it so it will look nice (and not on top of eachother)! Thansk for your help and patience.....

Please help....