Home > CSS

CSS Archive

フォームの入力モードを自動で変える

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

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

[続きを読む]

Internet Explorerの条件分岐コメント (コンディショナルコメント)

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

[続きを読む]

formに書いておいた文字をクリックしたときに消す。

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

[続きを読む]

MovableType4.2へのアップグレード

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

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

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

ということです。

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

FireBug ファイアーバグ

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

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

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

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

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

CSS 画像置換によって画面外にリンクの破線がでてしまう対策法

”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;を指定するとリンク自体が機能しなくなるようですので、ハックなどで対処が必要です。

css 定義リストのdt,ddを横並びにさせる

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

[続きを読む]

ホーム > CSS

Search
Feeds
フィードメーター - coral design
Bloglinesで閲読登録 ADD TO Hatena::RSS Subscribe with livedoor Reader Add to Google
Meta
Get Adobe Flash playerPlugin by wpburn.com wordpress themes

Return to page top