How Do I Change the Position of the banner?

Question

1.00/5 (1 vote)

See more:

Hello everyone!

Thank you for always been available and willing to help. Thank you!

I inserted a jQuery banner to a webpage in the website i'm developing.

Once i inserted it, the banner completely covered both the logo an menu.

Please can anyone tell me how to use css to move the banner a little bit downwards.

Thank you.

This is a link of the screenshot of the webpage i'm talking about:

http://ubuntuone.com/6QkO8n4hEuHreDSmd8Vf7L[^]

Posted 17-May-13 4:39am

namo77

Add a Solution

Comments

Member-10057365 17-May-13 12:15pm

I think,by using Adopt Photoshop you can change .

vbmike 18-May-13 12:37pm

Without knowing the setup of the html you have it is a little hard to tell you how to style your css to move an element. So without knowing the code you have one could advise to use a "margin-top" or "padding-top" setting to the container with the banner to move the banner down slightly. You need to experiment with css and see what happens.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

lotussilva · Answer 1 · 2013-06-05T04:28:00

vbmike is right. We need to see the code. But by looking at the screenshot I can only guess that you are running the banner in the same

as the menu and logo. When you are designing a site, you have to organize your

containers before you attempt to fill anything. This is just an example of the most basic setup

HTML

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>

</head>
<body>
    <!--main page container -->
    <div>
        <!--header container -->
        <div>
            <!--logo/menu wrapper -->
            <div>
                <div><!--logo container with left css property -->
                    <img src="logo.png" alt="" />
                </div>
                <div><!--menu container with right css property -->
                    menu goes here
                </div>
            </div>
            <!--banner container -->
            <div>
                banner goes here
            </div>
        </div>

        <!--body container -->
        <div></div>

        <!--footer container -->
        <div></div>

    </div>

</body>

But basically, you can do anything you want. For all we know your code is probably right and the banner is just in the wrong container. Hope this helped.