CSS

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

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

[続きを読む]

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

[続きを読む]

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



[続きを読む]

”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で書いた場合に大抵のブラウザのデフォルトでは、改行・インデントされるが、横並びにさせる方法。

[続きを読む]