SEO対策は魚釣りに似ている CSS

Apple Store（Japan）&Adobe

CSS IE6でliの隙間問題

チェック用のPCをようやく修復して
IE6でテンプレートを確認したらひどいことになっていた・・・
やっぱIE7とは表示の仕方が違うのね
プラグイン内のリスト項目（li)の隙間が勝手に広がっていた・・
対処法としてはul内のタグの改行をなくすことで解消されるそうなのだが
プラグイン部分はFC2内の設定なので、こちらで対処出来ない
で、調べてみるとliをwidthで幅を指定すればＯＫだった

とりあえず修正して再登録したのだが
その後PCがまた不安定になり・・・
はあ・・・

フォント「メイリオ」はどう？

今制作しているテンプレートで
「Meiryo」というフォントを指定してみた
WindowsVistaで導入された？フォントらしいのだが
これまでと違ってMacに近い表示になっている
なんというか、フォントの見せ方にもこだわりを見せ始めたというか
エアロだのとかってビジュアル面強化の一環として導入されたようだ

これまでの表示はこうだ

見た目はっきりとしていて見やすい気もするが
ただそのまま文字を表示しているだけ

メイリオでの表示

ぱっと見、なんかボヤっとしている気もするが
文章としては読みやすいかと・・

どうですかね？　メイリオ

ちなみにMacのsafariの表示は

CSS　画像の下の隙間の削除

a:hoverでbackground-colorを指定していると
リンク画像にカーソルをのせた時に
画像の下にbackground-colorで指定した色がはみ出してしまう
それを消すためには

img {
vertical-align : bottom;
display : block
}

を追加すれＯＫっぽい
Firefoxであれば　vartical-alignの指定だけでいいが
safariがダメのようなので　display : blockも必要かと

« | HOME |

admin

プロフィール

Underground

Author:Underground

これまでに制作したテンプレート
・Underground
・i_blog（iTunes風）
・mono_pop
・cosme_pop
・terrace
・Underground7_2c
・Underground7_3c
テンプレート名をクリックすると、プレビュー画面で見れます。

FC２ブログランキングに参加中！
テンプレート気にいってくれたらクリックお願いします！