Align Text and Pictures to Left of Text

[renet]

On this page in question there are several pictures stacked on top of each other. i would like more space between the pictures as well as
the text to be on the left hand side of the pictures.

For some reason right now the text is on top of the pictures rather than the pictures aligned to the right. Also, would like space between the text and the pictures.

The Code as it is:

(if I have included any code that should not be there please teach me)

<!-- main -->
<div id="main">

<div id="content">

<div class="post" id="post-3">
<h1>Our Homes</h1>

<div class="entry">
<p>text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text</p>
<tbody></tbody>
</table>
<table border="1" align="right">
<tbody>
<tr>
<td><img class="alignright size-full wp-image-97" title="framing1" src="http://example.net/wp-content/uploads/2008/08/framing1.jpg" alt="" width="150" height="148" /></td>
</tr>

<tr>
<td><img class="size-full wp-image-75" title="Fireplace Mantle" src="http://example.net/wp-content/uploads/2008/08/fireplace-mantle.jpg" alt="Fireplace Mantle" width="200" height="167" /></td>
</tr>
<tr>
<td><img class="alignright size-full wp-image-83" title="handrail" src="http://example.net/wp-content/uploads/2008/08/handrail.jpg" alt="" width="222" height="167" /></td>
</tr>
<tr>
<td><img class="alignright size-full wp-image-98" title="exterior-framing" src="http://example.net/wp-content/uploads/2008/08/exterior-framing.jpg" alt="" width="222" height="148" /></td>
</tr>
<tr>
<td><img class="alignright size-full wp-image-99" title="trim" src="http://example.net/wp-content/uploads/2008/08/trim.jpg" alt="" width="222" height="147" /></td>
</tr>
<tr>
<td><img class="alignright size-full wp-image-100" title="bathtub" src="http://example.net/wp-content/uploads/2008/08/bathtub.jpg" alt="" width="223" height="148" /></td>
</tr>
</tbody>
</table>

</div>
</div>
<p><a href="http://example.net/wp-admin/page.php?action=edit&amp;post=3" title="Edit post">Edit this entry.</a></p>
</div>
</div>
<!-- end main -->

[edited by: tedster at 6:07 pm (utc) on Aug. 28, 2008]
[edit reason] make urls and text anonymous [/edit]

[tedster]

Attributes such as class="alignright size-full wp-image-99" are CSS, and there needs to be a CSS rule or group of rules declared somewhere to make each of those classes have any effect.

There can be an external .css file linked from the head section of the page, or a set of rules in the head section of the page. That's what you need to find first.

[renet]

Thank you!

Since I am still learning css I opted on this one to fix it with the html code in the text. Used a table and aligned it to right.