ブロプー Blog

こんにちは！さいとうです あと10日でクリスマスですよ
今年こそはクリスマスツリーが欲しい！欲しい！と思っていたのですが、今年もあきらめてしまいました
私の家にはまったくクリスマスらしさがありません・・・

さて今回は、ブログテンプレートをはじめとするHTML＆CSSに関するちょっと役立つ？tipsです

Firebug

FirebugというFirefoxのアドオン（Firefox に新たな機能を追加したり、デザインを変えるための小さなプログラム）をご存知でしょうか？Firebugは現在閲覧しているサイトのHTMLとCSSを表示してくれます。

「思った通りに表示されないのはなぜだろう？？」と頭を抱えてしまったときは、ぜひFirebugを使ってみてください

こんな感じで、サイトの構造と適応されているCSSがまる分かりですCSSの適用を簡単にオン・オフできるので、「この記述はいらないかな？」と思ったところがチェックできたり、「どうしてここのデザインだけがくずれちゃうんだろう？」というところも原因が見つけやすくなりますよ

こんなに素晴らしいツールが無料で使えるんですから、使わない手はありません

Firefoxのリンク

続いてもFirefoxに関連した話題です。

Firefoxを使っている方はご存知だと思いますが、Firefoxではクリックした際にリンクが点線で囲まれるようになっています。

この点線、普通のテキストや画像リンクのときはそれほど気にならないのですが、text-indentプロパティでテキストを表示させないようにしている場合、Firefoxでは右の図のようにリンク外の部分まで点線で囲まれてしまうんですIEだと大丈夫なんですけどね・・・

Firefoxでもリンク部分だけに点線が囲うようにするには<a>タグに
overflow: hidden;を付け加えればOKですリンク部分以外で点線があると何か気持ち悪いですよね・・・
また、<a>タグにoutline:none;を記述すれば、点線が表示されないようになります。

次回もちょっと役立つ？tipsです更新は１２月２２日（月）の予定です。お楽しみに

新作テンプレートが追加されましたブログ用テンプレートのサイトです↓↓↓↓↓↓↓↓↓全部無料ですょ