Tutorial on attaching an image to a post in the TF site

1. While you add or edit content upload your picture using the Attach button. See screen-shot below.

Say, name of your picture file is mypicture.jpg



2. Paste this code verbatim where you want to see the picture in your post. Only thing you'll change is the file name which I made bold

<div class="floatphotoleft">
<img src="./sites/default/files/mypicture.jpg">
</div>



The above code will make the photo float in the left side with text on the right of it. If you want it to float on the right side

<div class="floatphotoright">
<img src="./sites/default/files/mypicture.jpg">
</div>



If you just want the photo to appear in the middle paste this ...

<img src="./sites/default/files/mypicture.jpg">



If you want a photo caption

<div class="floatphotoleft">
<img src="./sites/default/files/mypicture.jpg">
<p> My caption here </p>
</div>



3. Don't forget this step, else the picture will not show up. Click on input format (just beneath the body field and select 'Full HTML').



3. Save and then you are all set.