人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

画像をリンクする方法についてお聞きします。2つの完全に隣接した画像があり、そのうちの1つにリンクを貼ります。
border=”0”により、枠線は削除できるのですが、画像と画像の間に隙間ができてしまいます。
解決方法がわかる方ご教示願います。
※イメージマップ以外の解決方法を求めています。

●質問者: mitwui
●カテゴリ:はてなの使い方 コンピュータ
✍キーワード:border イメージ マップ リンク 画像
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● izayoimizuki
●0ポイント

http://www.tohoho-web.com/lng/199706/97061601.htm

HTML改行の隙間について

この類ですね。

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

◎質問者からの返答

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


2 ● ngc02
●20ポイント

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;”

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

◎質問者からの返答

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


3 ● izayoimizuki
●40ポイント

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

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

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

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

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

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

<img>

<img>

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

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


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

<img><img>

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


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

◎質問者からの返答

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


4 ● esecua
●10ポイント

http://www2.hatena.ne.jp/

<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だと思います。間違っていたらすいません。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ