画像をリンクする方法についてお聞きします。2つの完全に隣接した画像があり、そのうちの1つにリンクを貼ります。

border=”0”により、枠線は削除できるのですが、画像と画像の間に隙間ができてしまいます。
解決方法がわかる方ご教示願います。
※イメージマップ以外の解決方法を求めています。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/11/19 17:37:07
  • 終了:--

回答(4件)

id:izayoimizuki No.1

izayoimizuki回答回数302ベストアンサー獲得回数02005/11/19 17:43:38

この類ですね。

imgタグとimgタグの間に半角スペースやタブ,改行が入っていないですか?

id:mitwui

すみません、説明不足でしたが、改行ではなく左右に隣接している画像の場合です。

2005/11/19 17:44:58
id:ngc02 No.2

ngc02回答回数108ベストアンサー獲得回数22005/11/19 17:49:50

ポイント20pt

http://msugai.fc2web.com/web/CSS/padding.html

CSS $B35@b(B | $B%\%C%/%9(B

私のブラウザ(IE6とFirefox)ではそんな現象は起こりませんので、わかりませんが、aタグとimgタグの両方に

style=”margin:0;padding:0;”

を追加するとなると思います。

id:mitwui

うーん、ご指摘の方法を試してみましたが、隙間は埋まりませんでした。

2005/11/19 17:57:30
id:izayoimizuki No.3

izayoimizuki回答回数302ベストアンサー獲得回数02005/11/19 17:50:32

ポイント40pt

http://www.hatena.ne.jp/1132389427#

人力検索はてな - 画像をリンクする方法についてお聞きします。2つの完全に隣接した画像があり、そのうちの1つにリンクを貼ります。 border=”0”により、枠線は削除できるのですが、画像..

すみません。説明不足でした。

HTMLのソースに改行,半角スペース,タブ等が入っていると

現行のブラウザの殆どが半角スペース相当の隙間を表示する仕様になっています。

HTMLのソースのimgタグとimgタグに改行が入った

<img>

<img>

のような状態では画像同士は左右に隣接して表示されますが

半角スペースと同じ大きさの空白が入ってしまい隙間ができてしまうのです。


HTMLのソースのimgタグとimgタグに改行が入っていない

<img><img>

のような状態にすると半角スペースと同じ大きさの空白が入らなくなり隙間ができなくなります。


tabでも同じ問題が発生するので注意してください。

id:mitwui

解決しました!!ありがとうございました!

2005/11/19 17:59:20
id:esecua No.4

esecua回答回数510ベストアンサー獲得回数102005/11/19 17:51:47

ポイント10pt

<table border=”0” cellpadding=”0” cellspacing=”0”>

<tbody>

<tr>

<td>

<img src=”画像1” height=”” width=””></td>

<td>

<img src=”画像2” height=”” width=””></td>

</tr>

</tbody>

</table>


でOKだと思います。間違っていたらすいません。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません