f001.png The Image is left of the text. The use of tables to achieve this is simple. As a rule of thumb the image size should be comparable to the text. The image is rectangular with the long end in the horizontal direction, 120 pixels high - perhaps 130 is better.
f002.png Default dropshadow generated with gimp 1.2.4.
Script-Fu <- Shadow <- Drop Shadow

Cosh Sinh
f001.png  
     
Drop shadows with html. Three sides bordering two rectangular edges. It resizes for images greater than 20 and less than the horizontal gradient length. This techique doesn't alter the images.

cdrop-20x20.png hdrop-1024x20.png vdrop-20x1024.png
Acknowledgment Photography by Eric Jeschke: Drop shadows for images I picked this technique up here. By removing the background color from the supplied xcf files the transparency obtained. Why he put a background color in there in the first place was questionable, as was suggesting that it be changed. Without it the transparency is fine and more generic. A minor touch to the left horizontal edge, far left where some shodow erasing was performend. <table cellpadding=0 cellspacing=0 border=0 valign=top>
   <caption align=bottom>Cosh Sinh </caption>
   <tr>
   <td> </td>
   <td>
      <img src="f001.png" border=0 vspace=0 hspace=0 align=right alt="f001.png">
   </td>
   <td width=20 background="vdrop-20x1024.png"> </td>
   </tr>
   <tr>
   <td width=10> </td>
   <td height=20 background="hdrop-1024x20.png">&nbsp;</td>
   <td height=20 background="cdrop-20x20.png">&nbsp;</td>
   </tr>
</table>