Thu 15 Dec 2005
スマイリーアイコンの位置を調節する
Category: CSS、XHTML
You can leave a response, or trackback from your own site.
WordPressを使ったサイト含め、様々なブログではスマイリーアイコンをよく見かけます。
そういったサイトの多くでは、アイコンの位置調節（ベースラインの調節）をしていません。そのためアイコンが文字より少し上に表示されいて、ちょっと読みづらいことが多いのです。
そこで、アイコンの位置調整のため、こんなCSSを組み込んではいかがでしょう 
（topの値は色々試してみてください）
.wp-smiley {
position: relative;
top: 2px;
}
March 7th, 2006 at 11:31 pm
こんばんは。スタイル関連はこちらに置いてあるんですね。
私もスマイリーアイコンの位置が気になっていたのでこれ
で修正してバッチリです。
関係ないですが、昨日？からKairaさんのブログで
Scriptエラーが表示されてます。何かテスト中ですか？
もしもご承知なら余計なお世話でした。 :s
ここはちゃんとスペースが入りますね…
うちのスマイリーはダメだなー。
March 8th, 2006 at 5:12 pm
スタイルシートのことも書いていくつもりでしたが、いつの間にかWordPressのプラグイン紹介サイトになってます
IE限定でJavaScriptエラーが表示されるようです。ArekorePopupの仕業のようですが、原因はつかめていません。スマイリーに関しては“はてなマークのスマイリーを表示する方法”を見ていただいて、vars.phpを編集し直すと良いかもしれません。
March 9th, 2007 at 12:17 am
スマイリーの位置調整なんですけどコメントとエントリーでどちらかに
あわせると片方の位置がずれてしまいます ;(
貴サイトでは両方きれいに位置調整されているのですがどのような点を
注意して修正すればよろしいでしょうか