Thumbnails in a forum

[pendragonf]

Hello and this is my first post on here, so go easy on me please . I am old school and have not messed around with website for 10 year but have been chosen by my company to build a forum. Well I found a free one online name a activecollab 0.7.1. I deleted a bunch of stuff and edit a few things to make it very simple. The reason is we do alot of project stuff with china and need a way thats simple to keep upto date with them. In this program there is a message board that allows you to add files. If you an admin there is also a files tab that displays them. I get thumbnails in the files tab but only links in the message tab. I would like a way to have thumbnail in the message tab. Thank you for any help. 

 

 

The html code is

This is for 3 filess added would like them to show up side by side

 

 

 

 

 

      <div class="messageOptions">Oct 29. 2008 15:10 <span class="option_divider">|</span> Posted by jboeker <span class="option_divider">|</span> <span class="edit"><a href="http://www.test.com/index.php?c=message&a=edit&id=7&active_project=6"><span style="color: red;">Edit</span></a></span> <span class="option_divider">|</span> <a href="http://www.test.com/index.php?c=message&a=delete&id=7&active_project=6" onclick="return confirm('Are you sure that you want to delete this message?')">Delete</a> <span class="option_divider">|</span> <a href="http://www.test.com/index.php?c=message&a=view&id=7&active_project=6#addCommentText">Post the first comment</a> <span class="option_divider">|</span> --</div>

 

 

 

<div class="objectFiles">

 

  <ul>

 

 

 

    <li>

 

 

      <a href="http://www.test.com/index.php?c=files&a=download_file&id=17&active_project=6"><span>1005080001.jpg</span> (28.77kb)</a> <span class="option_divider">|</span> <a href="http://www.test.com/index.php?c=files&a=file_details&id=17&active_project=6">File details</a> <span class="option_divider">|</span> <a href="http://www.test.com/index.php?c=files&a=detach_from_object&manager=ProjectMessages&object_id=7&file_id=17&active_project=6" onclick="return confirm('Are you sure that you want to detach this file?')">Detach file</a>

    </li>

 

 

 

    <li>

 

 

      <a href="http://www.test.com/index.php?c=files&a=download_file&id=18&active_project=6"><span>1005080002.jpg</span> (35.66kb)</a> <span class="option_divider">|</span> <a href="http://www.test.com/index.php?c=files&a=file_details&id=18&active_project=6">File details</a> <span class="option_divider">|</span> <a href="http://www.test.com/index.php?c=files&a=detach_from_object&manager=ProjectMessages&object_id=7&file_id=18&active_project=6" onclick="return confirm('Are you sure that you want to detach this file?')">Detach file</a>

    </li>

 

 

 

    <li>

 

 

      <a href="http://www.test.com/index.php?c=files&a=download_file&id=19&active_project=6"><span>1005080004.jpg</span> (28.06kb)</a> <span class="option_divider">|</span> <a href="http://www.test.com/index.php?c=files&a=file_details&id=19&active_project=6">File details</a> <span class="option_divider">|</span> <a href="http://www.test.com/index.php?c=files&a=detach_from_object&manager=ProjectMessages&object_id=7&file_id=19&active_project=6" onclick="return confirm('Are you sure that you want to detach this file?')">Detach file</a>

    </li>

 

 

  </ul>

 

 

  <div class="objectFilesTitle"><a href="http://www.test.com/index.php?c=files&a=attach_to_object&manager=ProjectMessages&object_id=7&active_project=6">Attach more files</a></div>

 

 

</div>