WordPress.org

Ready to get started?Download WordPress

Forums

Spacing on the sidebar (15 posts)

  1. Dobie
    Member
    Posted 8 years ago #

    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.

  2. skulled
    Member
    Posted 8 years ago #

    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..

  3. Dobie
    Member
    Posted 8 years ago #

    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.

  4. skulled
    Member
    Posted 8 years ago #

    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 ..

  5. Dobie
    Member
    Posted 8 years ago #

    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?

  6. Dobie
    Member
    Posted 8 years ago #

    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.

  7. skulled
    Member
    Posted 8 years ago #

    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.

  8. skulled
    Member
    Posted 8 years ago #

    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 ..

  9. Dobie
    Member
    Posted 8 years ago #

    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.

  10. skulled
    Member
    Posted 8 years ago #

    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 ..

  11. Dobie
    Member
    Posted 8 years ago #

    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.

  12. skulled
    Member
    Posted 8 years ago #

    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

  13. Dobie
    Member
    Posted 8 years ago #

    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.

  14. skulled
    Member
    Posted 8 years ago #

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

  15. Dobie
    Member
    Posted 8 years ago #

    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?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.