Images typically have a border around them, this isn't always visible unless the image is a link, but I like to have a class within my CSS stylesheet that turns off the border automatically. For this stylesheet, I created the "noborder" class, and most of the images in the document are part of this class.
The other special part of these images is their location on the page. I wanted them to be a part of the paragraph they were in without using tables to align them. The simplest way to do this is to use the float CSS property.
Place the following in your styles.css document:
#main img {
float: left;
margin-right: 5px;
margin-bottom: 15px;
}
.noborder {
border: 0px none;
}
As you can see, there are also margin properties set on the images, to make sure that they aren't smashed up against the floated text that is beside them in the paragraphs.
