marlfoskr

Good job spotting that markup issue @zeniph.

@gouldimal Those PHP files are exactly what you want. WordPress uses the PHP language for theming. The files are a mix of everyday HTML tags and PHP tags that are replaced with the dynamic content from the software. Don’t be intimidated by the PHP tags, it’s actually pretty simple to understand once you tinker a bit. I suggest starting here to learn more about templates: https://codex.www.ads-software.com/Stepping_Into_Templates.

Regarding your theme, you might check that any <div>s being opened in header.php are being closed in footer.php. These two files are used as the top of each page and the bottom of each page, respectively, and it’s easy to drop a closing or opening div in one of them and not realize it.

I’ve noticed that your #header has a fixed height of 83px, which is quite a bit. You could take that down to something smaller.

By the way, if you want to learn to work with HTML and CSS, try the Firebug extension for Firefox. You can click on elements and see all the properties applied to them. Helpful for situations like this.

Hi John,

The CSS you gave as an example seems fine to me. Try putting the Avatar div above the first heading (the h2), though. That will put the avatar at the top-right of each post.

When you float an element, it allows all the elements beneath it to sit in the horizontal space it doesn’t occupy.