CSS Alignment help

OK, I am trying to get a few small alignment issues under control, but I have been staring at code for like 12 hours now, so it is not going as well as it should.

Here is what I am having trouble with…

In the sidebar of my homepage, in the top box, I need:

  1. “Monthly Sponsor: August” to move up closer to the top of the box.
  2. Less space between “Monthly Sponsor: August” and the image below it.
  3. Everything in that box to move slightly to the left, to align with the text in the bottom box…it is just a hair too far to the right.

Thanks

HERE IS THE PAGE: www.billboardfamily.com

OK, #3 is fixed. Adding inline styles did not do anything, in the case of #1 and #2.

Also, is there any way to just get the image in the sidebar to move over to the right 5px?

  1. “Monthly Sponsor: August” to move up closer to the top of the box.
  1. Less space between “Monthly Sponsor: August” and the image below it.

You are picking up a margin-top and a padding-bottom setting from the selector (#sidebarindex .box p) in style.css. Add margin-top: 0px and pading-bottom: 0px to the inline style.

  1. Everything in that box to move slightly to the left, to align with the text in the bottom box…it is just a hair too far to the right.

You have a padding-left on <div class=“index-sponsor”> which is pushing everything 10px right. Remove it and it should then match the box below.

OK, thanks

Also, is there any way to just get the image in the sidebar to move over to the right 5px?

Sorry didn’t make it clear. You have added the inline style to <div class=“box”>
it actually wants to be on the <p> tag itself. You currently have an inline style
text-align: center on it.

Thanks

I assume you are talking about the image that says “MonthlySponsor”.

This has a class of alignleft which has a style margin: 4px 10px 5px 0px; The right most argument, 0px, is the margin-left. An inline style of margin-left: 5px would override this and push the image 5px to the right.

Unfortunately it does not then line up with the text that appears beneath it.