画像のクリック範囲について質問です。
超初歩的な質問かもしれないのですが、教えて頂けると助かります。
クライアントからサイトのリンク付きの画像がクリック出来ないと言われて
確認したら、画像一覧は表示されているのですが一部にしかリンクが反応しませんでした。
コードを見ても、画像一覧部分は全ての画像と各画像にaタグの記述(幅や高さ指定、閉じタグも)はあります。
画像一覧の記述ははulとliで構成されています。
ブラウザのソースから見ると、各aタグリンクもちゃんとページへ遷移します。
cssでdisplay:blockは試しましたが変化はありませんでした。
FFで右クリックすると画像情報のメニューがなく、背景画像のメニューはあり、
クリックすると画像一覧の背景に表示されている背景が表示されます。
画像自体表示もされているし、記述もあるのにリンクが機能しない場合は
どのように対処すれば良いでしょうか。
ul、liタグが原因でしょうか?
ちなみにIE8(クライアントの環境)では各画像全てクリック出来ますが
ChromeではFFと同じです。
みんなの回答 11 件
質問の意味が分からん。何が出来て、何が出来てないかもう少し整理して書けよ。
はぁ?
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
よくわからんけどフロート関係のような気がする。
<a>に何かの指定をしてる場合、画像を囲っても、文字の高さ分しかリンクにならなくなった事があったような気がする。なんだっけな…。あと、画像の上に透明な(背景色のない) <div> がかぶさってて、クリックできなくなった事もある。
Web制作者を名乗るなら開発者ツールの使い方を覚えるべき。
aタグimgタグ両方display:blockにしてみれば?
これは日本語のテスト?
たぶんfloatされっぱなしとか、a{display:block;}
同考えても釣り
上にabsoluteとか掛けている違うdivが重なってるから、一部しか反応してないんだと思うよ
ソース出さないとわからんよー
関連するトピックス