[全体] [技術メモ] [blog製作記録] 各一覧の該当ページへ

クリッカブルエリアとフォーカスのズレ

[技術メモ/ blog製作記録] 2008年4月12日(土曜日) 11:33

気になってはいけない


調整前
wp-pagenavi 導入に際し、HTMLコーダの悪い癖が。
このページャに限らず、例えばこのようなニュースサイトでも、ページング部分では、クリックできる部分と、押したときに出る「破線のフォーカス」がずれているのです。
おそらくIEだけですし、実用上は全く問題がないので、こだわるだけ損なことの一つです。

調整

調整後
調整後

この手のページャは大抵、必要最低限のタグを用いて、そして何故かセンタリング(中央合わせ)されています。
本ブログでは無理やり(笑)、エリアとフォーカスが合うようにCSSを書いたのですが、この方法ですと、マークアップを変えない限り、センタリングはできない模様。
見た目の為にマークアップを変えるのは(よくやりますがw)本末転倒と申しますか、あまり望ましいことではありませんので、まぁこんな所かな。

コメントは受け付けていません。

この投稿へのコメントは受け付けていません。