#1 you have an unclosed tag in your header. It’s possible this is contributing.
<div id="header.jpg">
<a href="https://skurfboards.com">
<img src="https://img180.imageshack.us/img180/7844/picture1rt0copygw8.gif" alt="skurfboards"
</a>
</div>
Note: the “img” tag is unclosed. I’m surprised this isn’t causing more issues on your site.
#2: you need to add ‘align=”left”‘ to a tag. “Align” is not a tag in and of itself. It’s a deprecated element anyway, so you shouldn’t be using it in the first place – but when you do, you should use it properly. You can have <p align="left"> or <img align="left"> but <p><align="left"> isn’t even close to being the right way to use it.
#3 Your alignment problem is in your stylesheet. You have:
.post img {
float:right;
border:1px solid #73A533;
margin:0 0 10px 20px;
}
It’s the “float:right;” that’s doing it. All images are set to float right within your posts. Remove that line.
Of course, once you do, your images won’t float at all, and the text will fall under them. You should add this to your stylesheet (at the bottom):
img.left {
float:left;
margin:10px 10px 10px 0;
}
img.right {
float:right;
margin:10px 0 10px 10px;
}
Then, every time you put an image in your post, you need to edit the HTML to putt in ‘class=”left”‘ or ‘class=”right”‘ depending on which side you want the image to show up on.
