Wednesday, December 2, 2009

Is anyone out there an HTML wizard?

I think I may be running up against the limits of Blogger. Either that, or I don't know what the heck I'm doing.

Does anyone know if you can adjust the padding of the post text independently of the wrapper? I've been fiddling with this all day, and I just can't get the text to show up properly.

5 comments:

  1. This is from my HTML but you can look for this:

    .main p, .sidebar p, .post-body {
    line-height: 140%;
    margin-top: 5px;
    margin-bottom: 1em;
    }

    add padding: 5px;

    See what that gets ya. - Parajunkee

    ReplyDelete
  2. Try adding "margin-left:40px;
    margin-right:40px;" to your .post

    So:

    .post {
    margin:.5em 0 1.5em;
    border-bottom:0px dotted #ffffff;
    padding-bottom:1.5em;
    margin-left:40px;
    margin-right:40px;
    }

    ReplyDelete
  3. So, you want to increase the margin between the "post" and the two sidebars?

    You can do that, but you'll need to decrease the wrapper of the two sidebars by half of what you increase the margin.

    Does that make sense?

    From what I know you have to keep everything equal (your blog dimensions):

    outer-wrapper= 880px (this is total width)
    outer-wrapper padding: 10px
    main-wrapper= 410px
    sidebar-wrapper= 220px
    left-sidebar-wrapper= 220px
    margin-left (space between main and sidebar) =20px

    Outer= main +sidebar+margin+padding
    880 = 410 + 220 + 220 + 20 + 10

    I'm pretty sure that's how it works! :)

    I'll be adjusting my wrappers tomorrow too. Mine is too wide and I want to add a new background image and it's not working because it's too wide. :(

    Remember to "preview" before you save your template and always download your current template incase you mess it up!

    ReplyDelete
  4. Thanks for the help, guys. I've got the main posts in the right place now (I actually had to use a combination of padding and margins)... and every time I adjusted something on the left or right, it would throw off my top and bottom padding! HTML is not very intuitive, is it?

    It looks decent now... but the "Older Posts" link at the bottom is still in the wrong place.

    ReplyDelete