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:
“Monthly Sponsor: August” to move up closer to the top of the box.
Less space between “Monthly Sponsor: August” and the image below it.
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.
“Monthly Sponsor: August” to move up closer to the top of the box.
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.
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.
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.
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.