Top    

BlogPeople リンク表示を整える


BlogPeopleのリンク表示で
selectタグによるプルダウン表示が出来るようになりました。
(けっこう前からですが)(^^ゞ

ComComでも早速この形にしました。
サイズが小さくて済むのでトップに配置しました。

でもこのプルダウン、ブラウザによって全然形が違います。
なので調整しました。
Explorerのみで有効なのですが、よろしければお試しください。

まずは、そのまま初期状態を比べてみましょう!

image
Safariだと美しいこんな表示なのですが
MacIE5だと
image
ショボーン


Win IE6
image
しょぼぼーーん

修正方法
簡単です。CSSを修正します。
以下をどこでもいいので追加します。

select{
font-size:11px;
background:#E6E6E6;
margin-bottom:3px;
border:1px solid #ccc;
}

フォントサイズや枠線などお好みで調整してください。
iBlogの場合は、追加後リセット後プレビューで確認して下さい。


使用後

MacIE5
image
まあまあ
Win IE6
image
こんなもんでしょう。
ブラウザの違いを吸収するのは大変ですね。

Posted: Sat - February 28, 2004 at 11:27 AM