画像リンクの上に文字リンクを乗せる方法は？

画像（アイコン）リンクの上にテストで、文字リンクを貼りつけたいのですが、どのようにしたらよいでしょうか？

ちなみに、リンク先はphpで読み込ませています。

ソースは

<li><a href="<!--{$smarty.const.URL_DIR}-->abouts/index.php"><img src="<!--{$TPL_DIR}-->img/side/about_on.jpg" width="166" height="30" alt="当サイトについて" style="border: none" name="about" id="about" /></a></li>

のようになっています。現在、画像（アイコン）リンクはこれで表示できています。

どなたかよろしくお願い致します。

No.1 ベストアンサー 回答者： yambejp 回答日時： 2008/06/12 10:27

アンカーのスタイルシートでdisplayをblockにして、backgroundに

イメージを置いてやればよいのでは？

この回答への補足

思い切ってtableを使って表示はできたのですが、
左寄せになりません・・・。
そのような場合、CSSをどのように書き換えればいいでしょうか？

また、display: block;にした場合、CSSはどのようになりますか！？

全然分からなくてすみません。。。

補足日時：2008/06/12 11:41

この回答へのお礼

別の方法でしたが、解決しました！
CSSでdisplay: block;という案も使えましたので参考になりました。
ありがとうございます☆

お礼日時：2008/06/12 12:52