画像の上に文字列を表示し、リンクとする

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　●画像の上に文字列を表示し、リンクとする
　　　　　
　　　　　●スタイル
　　　　　<style type="text/css">
　　　　　<!--
　　　　　.tdname{
　　　　　　　　　padding: 17px 0px 0px 55px; /* 上右下左 */
　　　　　}
　　　　　
　　　　　td.imname{
　　　　　　　　　font-weight: bold; 
　　　　　　　　　font-size: x-small; 
　　　　　　　　　cursor: pointer; /* カーソルの形状 */
　　　　　}
　　　　　-->
　　　　　</style>
　　　　　
　　　　　
　　　　　
　　　　　●BODY部
　　　　　<table border="0" cellpadding="0" cellspacing="15">
　　　　　　　　　　　　　　　　↑
　　　　　　　　　　paddingは「0」にしておくのが重要（画像のサイズで正しく大きさを決定するため）
　　　　　<tr>
　　　　　　　<a href="javascript:showLogin('<%= strUserId %>');" ><td background="../html/img/img.gif" 
　　　　　　　width="241" height="60" class="imname"><div class="tdname"><%= strUserName %></div></td></a>
　　　　　　　　　　↑　　　　　　　　　　　　　　　　↑
　　　　　　　　画像の大きさ　　　　　　　　　　　　divじゃないと,マージンのtopとbottomが効かない（×）span
　　　　　</tr>
　　　　　</table>