-
ID:SCu1H7 さんの質問

画像のクリック範囲について質問です。
超初歩的な質問かもしれないのですが、教えて頂けると助かります。

クライアントからサイトのリンク付きの画像がクリック出来ないと言われて
確認したら、画像一覧は表示されているのですが一部にしかリンクが反応しませんでした。

コードを見ても、画像一覧部分は全ての画像と各画像にaタグの記述(幅や高さ指定、閉じタグも)はあります。
画像一覧の記述ははulとliで構成されています。
ブラウザのソースから見ると、各aタグリンクもちゃんとページへ遷移します。
cssでdisplay:blockは試しましたが変化はありませんでした。
FFで右クリックすると画像情報のメニューがなく、背景画像のメニューはあり、
クリックすると画像一覧の背景に表示されている背景が表示されます。

画像自体表示もされているし、記述もあるのにリンクが機能しない場合は
どのように対処すれば良いでしょうか。
ul、liタグが原因でしょうか?

ちなみにIE8(クライアントの環境)では各画像全てクリック出来ますが
ChromeではFFと同じです。

みんなの回答 11 件

ID:0qQZ5G さんの回答

質問の意味が分からん。何が出来て、何が出来てないかもう少し整理して書けよ。

ID:17HcT0

クライアントがかわいそうになるレベルの文章だな。

ID:nzrRzi さんの回答

はぁ?

ID:4Vfr/w さんの回答

html5ならブロック要素ごとaタグで囲えばOK。
//www.html5.jp/html5doctor/block-level-links-in-html-5.html
.
xhtmlならjQueryで<li>クリック時に子要素のhref取得して飛ばすようにすればOK。
//h2ham.seesaa.net/article/116517804.html

ID:8CzpXN さんの回答

よくわからんけどフロート関係のような気がする。

ID:rBYIOv さんの回答

<a>に何かの指定をしてる場合、画像を囲っても、文字の高さ分しかリンクにならなくなった事があったような気がする。なんだっけな…。あと、画像の上に透明な(背景色のない) <div> がかぶさってて、クリックできなくなった事もある。

ID:F8c5xU さんの回答

Web制作者を名乗るなら開発者ツールの使い方を覚えるべき。

ID:OjUjGu さんの回答

aタグimgタグ両方display:blockにしてみれば?

ID:2CV7RT

これやね

ID:DG/obw さんの回答

これは日本語のテスト?
たぶんfloatされっぱなしとか、a{display:block;}

ID:uPyxJh さんの回答

同考えても釣り

ID:Fqd75n さんの回答

上にabsoluteとか掛けている違うdivが重なってるから、一部しか反応してないんだと思うよ

ID:llit8k

これに一票

ID:.gfxfH さんの回答

ソース出さないとわからんよー

最終更新日:2014-11-22 (6,330 views)

関連するトピックス

ページ上部に戻る