Ok here is first 3 samples:
<a href="
http://www.sample1.com">
Link to details of sample text1</a> <small>(linux)</small><br>
This is sample text1<br>
- <font color="#c0c0c0"><small>May 15 7:22</small></font></p>
<ul>
</ul>
<p>
<a href="
http://www.sample2.com">
Link to details of sample text2</a> <small>(windows)</small><br>
This is sample text2<br>
- <font color="#c0c0c0"><small>May 15 7:30</small></font></p>
<ul>
</ul>
<p><a href="
http://www.sample3.com">
Link to details of sample text3</a> <small>(apple)</small><br>
This is sample text3<br>
- <font color="#c0c0c0"><small>May 15 5:58 </small></font></p>
And this is what I want:(Just added image in front wich has link to details and text passed to it)
<p>
<font face="Verdana,Arial,Helvetica" color="black" size="2">
<a href="
http://www.test.com/script.cgi?url=www.sample1.com&shorttext=this is sample text1">
<img alt="Log out" src="detail.gif" align="left" border="0" width="27" height="27"></a></font><a href="
http://www.sample1.com">Link to details of sample text1</a> <small>(linux)</small><br>
This is sample text1<br>
- <font color="#c0c0c0"><small>May 15 7:22</small></font></p>
<p>
<font face="Verdana,Arial,Helvetica" color="black" size="2">
<a href="
http://www.test.com/script.cgi?url=www.sample2.com&shorttext=this is sample text2">
<img src="detail.gif" align="left" border="0" width="27" height="27"></a></font><a href="
http://www.sample2.com">Link to details of sample text2</a> <small>(windows)</small><br>
This is sample text2<br>
- <font color="#c0c0c0"><small>May 15 7:30</small></font></p>
<ul>
</ul>
<p><font face="Verdana,Arial,Helvetica" color="black" size="2">
<a href="
http://www.test.com/script.cgi?url=www.sample3.com&shorttext=this is sample text3">
<img src="detail.gif" align="left" border="0" width="27" height="27"></a></font><a href="
http://www.sample3.com">Link to details of sample text3</a> <small>(apple)</small><br>
This is sample text3<br>
- <font color="#c0c0c0"><small>May 15 5:58 </small></font></p>