WordPress.org

Support

Support » How-To and Troubleshooting » Inserting a static Image under the menu bar

Inserting a static Image under the menu bar

  • Hi everyone,

    I am in the process of creating a website and would like to insert an image right under the menu of my site.

    I designed the site using artisteer but the program doesnt seem to allow you to place a picture under the menu bar so that leaves me with trying to do it through word press.

    What I want to achieve is like this: http://www.wowakk.com/ … i.e. an image right under menu bar.

    I tried placing my image in the back ground but of course this doesnt work because it doesn move along with the rest of the page when you scroll.

    The webpage is http://www.etsiartas.com

    I would really appreciate any help. I am new at this and have no idea what to do with HTML or CSS.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Phil

    @owendevelopment

    Try this:

    1. Backup style.css

    2. Paste this as ‘body’ in style.css:

    body {
    background: url("images/Bottom_texture.jpg") no-repeat scroll -102px top #fff;
    color: #262626;
    margin: 0;
    min-width: 1000px;
    padding: 0;
    }

    Granted this is not the best way of doing it, but looks ok through my Firefox this way.

    Ideally, you don’t want to be doing this as a body background image (you want it adding in HTML after the menu and styled in place). To do this, you need to trim the image as there is a lot of whitespace and you need to cut the image out to do it the right way. It’s the only way to guarantee cross-browser consistency.

    Phil

    Hi Phil and thanks a lot for the reply.

    I have a trimmed verson of the picture, on a transparent background.

    How would I place that in HTML after the menu. WHat file would I have to change on wordpress.

    I can guess how to play around with the numbers to get it in palce. but where would I place the code and in what wordpress file?

    WOuld the code be the same as you quoted above?

    I really appreciate the help.

    ANdreas

    Hi Phil

    I tried your solution out and it worked perfectly.

    Thank you very very much indeed!!!!

    🙂

    Phil

    @owendevelopment

    Glad I could help.

    Hi Phil

    Back again unfortunately,

    As you said using the above method I didnt get cross browser consistency.

    I have an image that is fully trimmed now, no surrounding color.

    How do I add the code in HTML after the menu?

    Thanks in advance!

    Hi Andrea, did you ever find a solution, I am trying to do the exact same
    thing. I can’t believe something so simple is so hard to do.

    [Moderator note: If you’re not contributing towards someone’s issue and want help for your own issues, create your own thread]

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Inserting a static Image under the menu bar’ is closed to new replies.
Skip to toolbar