WordPress.org

Ready to get started?Download WordPress

Forums

[closed] Inserting a static Image under the menu bar (7 posts)

  1. Andreas83
    Member
    Posted 2 years ago #

    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.

  2. Phil
    Member
    Posted 2 years ago #

    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

  3. Andreas83
    Member
    Posted 2 years ago #

    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

  4. Andreas83
    Member
    Posted 2 years ago #

    Hi Phil

    I tried your solution out and it worked perfectly.

    Thank you very very much indeed!!!!

    :)

  5. Phil
    Member
    Posted 2 years ago #

    Glad I could help.

  6. Andreas83
    Member
    Posted 2 years ago #

    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!

  7. nataliemarie100
    Member
    Posted 1 year ago #

    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]

Topic Closed

This topic has been closed to new replies.

About this Topic