CSS Archive

お問い合わせなどのフォームを入力する時、「名前」は全角、「電話番号」は半角・・・などと入力する項目ごとに入力モードを変更するのは面倒ですよね。

というわけで、今回は「フォームの入力モードを自動で変える」ちょっとしたcssのtipsを紹介します。

[続きを読む]

Internet Explorer には、特定IEバージョンだけにスタイルシートを適用する方法として、コンディショナルコメントと呼ばれる機能が用意されている。

[続きを読む]

タイトルの書き方がイマイチ分かりにくいですね。こんなのです↓



[続きを読む]

MT4.1x とカスタムフィールドをお使いの場合は MT4.2 へのアップグレードはおまちください

というのが、Six Apartのサイトにでています。MT4.1ｘでカスタムフィールドを使っている場合、MT4.1x から MT4.2 にアップグレードを行う際、カスタムフィールドのデータを一部消失する可能性があるということです。

現在、この問題を解消した新しいバージョンを準備しております。上記に該当する場合は、新しいバージョンの公開までアップグレードは行わないでください。

ということです。

【 追記 2008/08/22 14:00 】
Movable Type 4.21 出荷開始されました。

FirefoxのアドオンFireBug。最近MovableTypeを使ってサイトを作ったりしてたんで、とくに重宝した。

前は、ずっとWeb Developers を使ってたけど、CSSを編集しようとしたらCSSが切れたりして、なんだかなぁ。と思っていたが、FireBugならそんなこともなく…

ブラウザに表示されている画面をマウスオーバーでどの部分のHTMLでどんなCSSがかかっているのかすぐわかるんで、
使ったことがないWEBデザイナーさんは、つかってみるといいんだよー。

https://addons.mozilla.org/ja/firefox/addon/1843

そういえば、Firefox3になってFireBugのアイコンが虫になったのはなぜ？

”text-indent:-9999px;”といった感じで画像置換(Image Replacement)する方法も最近では、背景画像ではなく
<h1><img src="img/title.jpg" alt="title name" /></h1>
のように通常の画像を出して、alt属性を記述し画像非表示の場合でもテキストを表示させるようにしているサイトが増えているようです。
画像置換はスパムか？という話題によくなるが、今回は置いておいて、text-indentで画像置換した場合、Firefoxで見るとリンクの波線が外に飛び出してしまうのを対処する方法です。

text-indentをしていしている<a>要素にoverflow:hidden;を追加すれば解決できます。
ただし、IE5.xでは、overflow:hidden;を指定するとリンク自体が機能しなくなるようですので、ハックなどで対処が必要です。

新着情報の日付とタイトルなどを定義リストdt,ddで書いた場合に大抵のブラウザのデフォルトでは、改行・インデントされるが、横並びにさせる方法。

[続きを読む]