Support » Themes and Templates » Spacing on the sidebar

  • I just put a new mod. on my side bar and I can’t seem to move it around. There’s a space on the top and not on the bottom. I’d like it to hit the top of the bar, with a space between it and tha calendar. I’ve tried cell padding and spacing, but nothing works. Can someone lend me a hand here?
    http://perfectexposure.net/blog
    I’m also trying to center it so it doesn’t take up the whole sidebar. It says it’s centered, but if I shrink the width, it stays left justified. Thanks in advance.

Viewing 14 replies - 1 through 14 (of 14 total)
  • Your sidebar width seems to be overlapping on the content area, since I can see ul bullets inside the content area ..

    Plus what is the mod that you made, please be more specific in what you are trying to do..

    I’m trying to make the “moon phase” mod on the top hit the top of the sidebar, with a space between it and the calendar. I must have deleted a ul somewhere trying to make it work.

    you are right .. the moon mod and the calendar are just tables hanging in the sidebar ..

    But all blocks after that are contained within <li> tags and the sidebar ends with a </ul> tag ..

    Try correcting the whole structure in the sidebar ..

    Ok, bullets are gone, but I still can’t get the moon mod centered and moved up to get rid of the space above it. Any suggestions?

    I never noticed this before so don’t know if I just did something else, but the Fark.com isn’t lined up the other link categories.

    Close your li tags for the moon phase and the calendar.

    All you have now is two open li tags before each of them, and no closing tags.

    Yes .. why because you have a separate div class pertaining to that link section, and your css is doing that I believe ..

    If you are familiar with CSS, please go through your stylesheet and check your settings for the items in your sidebar, especially the margin and padding attributes ..

    Ok, I think I undid all the damage I did before. But now still having my original problem, I can’t get rid of the space on top and center the moon mod. Sorry about this, I don’t change things on here to often, and by the time I do, I forget everything. Thanks for your help so far.

    OK

    To take out the top space do this, in your stylesheet you have this bit of code:


    #menu {
    color: #369;
    border-top: 1px solid #CCC;
    padding: 20px 0 10px 0px;
    top: 0;
    margin-left: 600px;
    width:275px;
    position: relative;
    font-size:125%;

    }

    Change it to:


    #menu {
    color: #369;
    border-top: 1px solid #CCC;
    padding: 0px 0 10px 0px;
    top: 0;
    margin-left: 600px;
    width:275px;
    position: relative;
    font-size:125%;

    }

    Add an id to the table which holds the moon phase image, and in your stylesheet add the following:


    #menu [table id here]
    {
    text-align: center;
    }

    That should do the job hopefully ..

    Ok, now it’s more towards the top, but not there yet. I can live with where it is though. Think it’s just a padding issue or something now. This may be a stupid question, but I can’t find anything by doing a search for it, how do I create a table id for it? Can’t find help on that anywhere on the site.

    In your theme source files (sidebar.php most probably) .. you have the code to display the moon phase stuff ..

    One of the lines should be:

    <table width="210" bgcolor="#000000" style="background-color:bgcolor="#000000" " cellpadding="0" cellspacing="0" border="0">

    Change this to:

    <table width="210" bgcolor="#000000" style="background-color:bgcolor="#000000" " cellpadding="0" cellspacing="0" border="0" id="]whatever name you want here]">

    Also following the above code is this:


    <td align="center" style="border: 1px solid #AFB2D8;color:#ffffff;padding-top:4px;padding-bottom:5px;" bgcolor="#000000" nowrap="1">

    Change it to:


    <td align="center" style="border: 1px solid #AFB2D8;color:#ffffff;padding-bottom:5px;" bgcolor="#000000" nowrap="1">

    Hope that helps

    Nope. This is what I changed:

    #menu [moonchart]
    {
    text-align: center;
    }

    <table width=”210″ bgcolor=”#000000″ style=”background-color:bgcolor=”#000000″ ” cellpadding=”0″ cellspacing=”0″ border=”0″ id=”[moonchart]”>

    Taking out the:
    padding-top:4px;
    only made the words “Today’s Moon” move up the box.

    You don’t actually need the [ and ] in the id name .. I was just using that to explain something, not in the literal sense .. 😀

    Opps, sorry. Took it out and still nothing. Now I remember why I never really got into code that much. MY HEAD HURTS. Would this problem be because the mod is being hosted off another site?

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Spacing on the sidebar’ is closed to new replies.