Blog won’t position correctly. Help please.

  • renaa

    (@renaa)


    18 years, 3 months ago

    Erm, I don’t know how to explain this properly, but my WordPress blog, the actual blog, isn’t positioned right and I can’t find anywhere in my CSS To position it, Does anyone have any solutions?
    it’s here if you need to see;
    http://www.toxic-heaven.org/wp/

    And also in my css, What can I add in, to make normal (not block navigation links) different?
    such as link hover.. link visited, that type of thing, I don’t want to mess up my CSS, so, should I add the following code in :

    <!–
    A:link{color:#2f757f; text-decoration:none; font-weight:bold; border-bottom: 0px dotted #8aaab1;}
    A:visited{color:#f8aaab1;text-decoration:none; font-weight:bold; border-bottom: 0px dotted #8aaab1;}
    A:active{color:#2f757f;text-decoration:none; border-bottom: 0px dotted #2f757f;}
    A:hover{color:#8aaab1; text-decoration: none; border-bottom: 0px dotted #2f757f; cursor: help;}
    –>

    Or, something else ?

    Thankyou in advance

Viewing 3 replies - 1 through 3 (of 3 total)
  • jonimueller

    (@jonimueller)

    18 years, 3 months ago

    I structure my layouts a bit differently:

    Outer wrapper, centered: #wrapper
    Masthead or Banner: #masthead/#banner
    Inner wrapper for the left and right contents: #main
    Sidebar: #sidebar
    Main content: #content
    Clearer Division: .clearer .. this puts the footer in line under the two left and right floated sidebar and content divs.
    Footer: #footer

    In your case, you need another wrapper between your masthead and the left and right content.

    Add this to your stylesheet also:

    .clearer {
    margin: 0;
    padding: 0;
    clear: both;
    }

    After your two floated columns, close the inner container division (the one I said you needed to create right after the header). Then put the .clearer division, then your footer if any.

    Hope this helps. Contact me off list if you need more help.

    Joni

    Thread Starter renaa

    (@renaa)

    18 years, 3 months ago

    Erm, i’m kind-of confused lol, I’m new to wordpress but Ive seemed to understand things sofar except this,
    I’ve added the .clearer code to my stylesheet, but where do i put the <div id=”clearer”>?

    I’m sorry if i sound stupid.
    But i’m seriously stumped by this.

    jonimueller

    (@jonimueller)

    18 years, 3 months ago

    After your two floated columns, close the inner container division (the one I said you needed to create right after the header). Then put the .clearer division, then your footer if any.

    Find the closing #main division in your template:

    </div>

    Then add this:

    <div class=”clearer”></div>

    Should work. Send me an email offlist (check profile) and I’ll try to help you out. 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Blog won’t position correctly. Help please.’ is closed to new replies.