Trying to Remove a Margin next to a header

I looked and you have quite a mess there. You have styles for your header in the head of your header.php template file left over from when this was a kubrick/default WordPress Theme. And then there are header styles in your style.css. I can’t tell which are influencing which. You need to consolidate all these in one place to figure out what is going on, or change themes.

You are also using bad html form with repeated inline styles in your page that should be controlled from your style sheet, but more importantly, they are being used with the wrong nesting.

You have them <span><p>blah</p></span> or worse and they have to be <p><span>blah</span></p>.

Until you have all your header information in one place so you know what is what, it’s a mess to figure out. See what you can do from there.

Thanks for the info. I think i may download wordpress again and take the original style.css file from there and start all over. If you could take a look again in like 5 minutes that’d be great, thanks.

change spans to divs in this – you cannot nest a p tag in a span. You can if you use a div

Ok, so i just switched back to the original style.css file, and the alignment is still off. The reason for this is that i changed the size of the kubrickheader.jpg and kubrickfooter.jpg to line up with the website i’m going to be dropping this page into.

If you click on the comments under the first picture, you will see that the comments section is just about aligned perfectly (with the exception of the footer lining up). I would like the main page to look like that. Is that possible?

I looked at the new version, and the problems mentioned still remain.

Now I understand what you are talking about. Find the styles associated with that template and then make sure they apply to the one you are using. I think it’s that widecolumn narrowcolumn stuff that is in the Default WordPress Theme, making the front page look different from the single post.

You removed the sidebar from the “narrowcolumn” front page look and didn’t change any of the rest of the containers’ position.

Do you have Firefox? It’s free. Download it and learn FAST how to use it. Then download the Web Developers Add-on and use the EDIT CSS to see your style sheet. Mess around with the various columns while viewing the style sheet to move things into place where you want them, then copy and save the styles to make it look like how you want.

There is more to it, but that’s a start.

And clean up your validation errors which will help you a lot.

Ok. take a look at the main page now. This is exactly how i want it to look, but it is too wide. The width of kubrickheader.jpg, kubrickfooter.jpg, and kubrickbg.jpg are all 760px. To fit with the webpage i’m going to integrate it with, i need the whole page- from left to right- to be 651 px. Is there any way to set that up?

P.S. I’m using Dreamweaver to open style.css.