Need Help in CSS

[asiatic]

Request help to turn this table to CSS. I have very basic knowledge of html & mostly do a cut & paste job & get by:o. I have read a lot of online CSS tutorials but cannot see anywhere for help for the table & image & text. I request someone who can do this correctly, the image should be in a cell, the text should be also in a cell. I have horizontal & vertical images & am :confused: how to put them in the right manner. Thanking you in anticipation. DD has been a lot of help for novices like me:)

http://www.stampsworldindia.com/stampsof2010.html

[stringcugu]

<style>
p#sab{background: #ff0;}
#sab table{background: #000; width:950px;}
#gg{background: red;}
#hh{background:silver;}
#gg1{background:green;}
#hh1{background:blue;}
#gg2{background:yellow;}
#hh2{background:gold;}
table{background: #000; width:100%;}</style><p id="sab">
Hello!</p>
<table>
<tr>
<td id=gg><a href="images/2010/rbilarge.jpg"" rel="thumbnail">
<img border="0" src="images/2010/rbi.jpg" width="100" align="left" height="85"></a>
<font face="Arial"><font size="2">Reserve Bank
<font face="Arial" size="2">
Stamp Value:&nbsp; Rs 5
Issue Date:16th Jan<br>
Stamps in Sheet: 35</font>
<span class="style23"><span class="style8"><font face="Arial"> </font></span></span><span class="style2"><br>&nbsp;</span>

</td>
<td id=hh><img border="0" src="images/2010/rbi.jpg" width="100" align="left" height="85"></a>
<font face="Arial"><font size="2">Reserve Bank
<font face="Arial" size="2">
Stamp Value:&nbsp; Rs 5
Issue Date:16th Jan<br>
Stamps in Sheet: 35</font>
<span class="style23"><span class="style8"><font face="Arial"> </font></span></span><span class="style2"><br>&nbsp;</span>
</td>
<td id=hh><img border="0" src="images/2010/rbi.jpg" width="100" align="left" height="85"></a>
<font face="Arial"><font size="2">Reserve Bank
<font face="Arial" size="2">
Stamp Value:&nbsp; Rs 5
Issue Date:16th Jan<br>

Stamps in Sheet: 35</font>
<span class="style23"><span class="style8"><font face="Arial"> </font></span></span><span class="style2"><br>&nbsp;</span>
</td>
<td id=hh><img border="0" src="images/2010/rbi.jpg" width="100" align="left" height="85"></a>
<font face="Arial"><font size="2">Reserve Bank
<font face="Arial" size="2">
Stamp Value:&nbsp; Rs 5
Issue Date:16th Jan<br>
Stamps in Sheet: 35</font>
<span class="style23"><span class="style8"><font face="Arial"> </font></span></span><span class="style2"><br>&nbsp;</span>
</td>

<td id=hh><img border="0" src="images/2010/rbi.jpg" width="100" align="left" height="85"></a>
<font face="Arial"><font size="2">Reserve Bank
<font face="Arial" size="2">
Stamp Value:&nbsp; Rs 5
Issue Date:16th Jan<br>
Stamps in Sheet: 35</font>
<span class="style23"><span class="style8"><font face="Arial"> </font></span></span><span class="style2"><br>&nbsp;</span>
</td>
</tr><tr>
<td id=gg1>1</td>
<td id=hh1>2</td>

<td id=gg1>1</td>
<td id=hh1>2</td>
<td id=hh1>2</td>
</tr><tr>
<td id=gg2>1</td>
<td id=hh2>2</td>
<td id=gg1>1</td>
<td id=hh1>2</td>
<td id=hh1>2</td>
</tr>
</table>

[asiatic]

Thank u for a fast reply!
But i want the text below the image & not parallel to it. The table should not exceed 750px wide, the height can be anything. Is it possible to fix thumb image height & width & text.

[stringcugu]

change the table
table{background: #000; width:80%;}
you have to put your images in
width="100" height="55"------put <BR>after the </a>
<img border="0" src="images/2010/rbi.jpg" width="100" height="55"></a><br>

and
<div align="center">before the table

[asiatic]

Thanks again it works wonderfully well, but i have a menu in which i have to insert this, tried as much as i could i could,nt get it right, pl help to put it right
http://www.stampsworldindia.com/menupage.htm