Outlining a fragment

[Quantum]

I am using the Fragment Layout using CSS in Smart layout and want to add a dotted outline box around the fragment text and image that I have inserted on my home page.

Due to my limited knowledge of html (basically zero!) I have managed to put the box either around the text only or the image only.

Can someone point me in the right direction of the appropriate code to insert and where to insert it to achieve the desired result?

[leehack]

If you have zero knowledge, you would probably be better to paste in the code from the layout you are using and have it done for you, it will be an uphill struggle otherwise.

[los_design]

<style type="text/css">
table.sample {
	border-width: 1px;
	border-spacing: ;
	border-style: dotted;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
}
table.sample th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: #fffff0;
	-border-radius: ;
}
table.sample td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: #fffff0;
	-moz-border-radius: ;
}
</style>

<table class="sample">
<tr>
	<th>Header</th>
	<td>Content</td>
</tr>
</table>

This code will give your chosen layout area a dotted border.

Insert it where you wish it to be displayed.

[Quantum]

Managed to solve it by adding the code in red below. Simple in the end but basically a bit of trial and error. Thanks to everyone that posted for their help.

Code:
<actinic:block if="%3cactinic%3avariable%20name%3d%22FragmentAnchor%22%20%2f%3e%20!=%20%22%22">
<a name="<actinic:variable name='FragmentAnchor' />"></a>
</actinic:block>
<table class="dotted_outline_blue" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="left" width="75%" valign="top">
<actinic:variable Name="FragmentText"/>
</td>
<td width="25%" valign="top" align="center">
<actinic:variable name="FragmentImage" />
</td>
</tr>
</table>