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..
Thread Starter
dobie
(@dobie)
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 ..
Thread Starter
dobie
(@dobie)
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?
Thread Starter
dobie
(@dobie)
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 ..
Thread Starter
dobie
(@dobie)
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 ..
Thread Starter
dobie
(@dobie)
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
Thread Starter
dobie
(@dobie)
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 .. š
Thread Starter
dobie
(@dobie)
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?
