Forums

start sidebar on top just beside the header (5 posts)

  1. deltina
    Member
    Posted 4 years ago #

    What I want to do is have my header image only on top of the post section, then the sidebar display next to the header on the top of the page. I hope this makes sense. I think what I need to know is how to keep the sidebar from starting under the header (but to the right of it) instead of under it.

    Thanks in advance.

  2. Adam Brown
    Member
    Posted 4 years ago #

    URL?

  3. deltina
    Member
    Posted 4 years ago #

    http://daltonpublishing.com/blogs/testblog/

    i would like the right sidebar to start just to the right of the image (test image up there now)

  4. Adam Brown
    Member
    Posted 4 years ago #

    To start, I suggest using FireFox with the "web developer" add-on. This makes it easy to figure things like this out.

    There are many ways to do what you want. Here's one that comes to mind.

    The first thing I see is that the .head div has too much width assigned to it. In CSS, reduce its width to match the width of your background image (the logo).

    Then, remove the .sidebar div from the .content div, and put it above the .head div. Now, you should be able to use CSS to float:right the .sidebar div and get the desired affect. Might still take some fiddling, though.

  5. deltina
    Member
    Posted 4 years ago #

    ok, that got it to the right
    but float right pushes it all the way over
    i guess i am not sure what is making it so wide
    there is a wrapper, but changing that does nothing

Topic Closed

This topic has been closed to new replies.

About this Topic