テーブル内で 画像とテキストのリンク



0   名前: さおり : 2007/05/11(金) 12:51  ID:b9i4d4zu sub-g5
初めての質問です。よろしくお願いします。^^

テーブルの1つのセル内に商品画像とその商品名(テキスト)を上下に配置しまとめてリンクをかけたいのですが、
画像とテキスト間の余白がかなり空いてしまいます。
これを詰める方法ってありますか?ちなみにそのセルは枠線を付けています。
テキストだけを新しく作ったセルに配置し別々にリンクをかけた方がよいのでしょうか?
でもそうすると余計な枠線が出てしまい、そこだけを消す方法が分かりません。

どうぞよろしくお願いします^^;

1   名前: アヤ : 2007/05/11(金) 12:51  ID:I/L72zbC sub-0y
リンクを外した状態だと余白は無いということですか?
言葉だけでは何が問題かわかりません。
ソースを提示すれば、誰かが検証してくれるかもしれません。

2   名前: カヅサツ ◆ThCi95HEzw : 2007/05/11(金) 12:51  [URL]  ID:Ehfvypix sub-r2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
a:link img,
a:visited img{
	border-width: 0px;
}
</style>
</head>
<body>
<table>
	<tr>
		<td><a href="http://www.hobbyjapan.co.jp/dd/news/phb3.5.html"><img
			src="http://www.hobbyjapan.co.jp/dd/products/img/rulebook/phb35.jpg"
			alt=""><br>プレイヤーズハンドブック 第3.5版</a></td>
	</tr>
</table>
</body>
</html>

3   名前: さおり : 2007/05/11(金) 12:51  ID:b9i4d4zu sub-g5
>カヅサツさん

早速のレスありがとうございます。大変参考になりました。
スタイルシートで文字のサイズを小さく表示しようとしていたのですが、そのせいで余白が出来てしまっていたようです。
スタイルシートは使わずHTMLで文字のサイズを変更したら上手く表示できました。
ありがとうございました。またなにかありましたらよろしくお願いいたします。^^;

一覧へ戻る