Okay. The CSS and I are doing pretty good. I'm even starting to like it.

I wanted to add a picture to a div and had no clue as to how to do it so I tried the following which worked. Before I learn any bad habits, what is the correct way.

PHP Code:

<P ><img border="0" src="../images/filename.gif" align="left"> </P> 


The text is in the next line <p> text </p>

This put the picture on the left. The text appeared on the right of the div beside the picture and then broke back to the left under the picture. Exactly what I wanted. So easy I have to assume it is the wrong way to do it!

A link is fine. I know you get tired of answering the same questions over and over.

And I do appreciate the time several of you have spent answering my questions.

Get rid of the "border=0" and do this in your css instead:
img{border: none;}

Get rid of the align="left" and float the image left, make a class to assign to the img

.floatleft{
float: left;
margin: 6px; /*will need a 'fix' for IE or it will double the left margin */
}
<p><img class="floatleft" src="../images/filename.gif" alt="something" />

To stop IE 6 from doubling the left margin on the left float:
http://www.positioniseverything.net/...ed-margin.html

Thank you.