ゲストさんログイン

統合検索

ソーシャルブックマーク

[PR]興奮vs感動 どちらが勝つか!

Ads by Google

ページ詳細

85
users

webデザイナーのナナメガキ: CSSとprototype.jsで「ぶら下げ」レイアウトをやってみた

まずは最近知って便利だと思ったCSSの小技をひとつ。 文章の最後に、「※(米印)」などで注釈を入れたいときに、CSSのみで行の開始位置を揃えるのにすごくシンプルなやり方がこれ。 .note { padding-left:1em; text-indent:-1em; } <p class=”note”>※米印を使う場合はこいつが便利。<br /> 改行してもこの通り。ちゃんと開始位置が揃ってる。</p> 「padding-left : 1em;」でまず1文字分右に動かして、「text-indent ...


コメント

lockエラー | 月額200円からのレンタルサーバー JSN

lockエラー | 月額200円からのレンタルサーバー JSN

lockエラー | 月額200円からのレンタルサーバー JSN

Quoted: webデザイナーのナナメガキ。webデザインに関して思うこと。xhtml+cssやperl、phpなどの備忘録。

「これ考えた人はえらいっすねぇ。」→DTP時代からある伝統芸ではある。DTPとWebがシームレスにつながらなかったので新たな発見になっちゃったということか。そういう意味ではDTPな人の活躍の場も残っているよね

"※"などで注釈を入れたいときに、CSSのみで行の開始位置を揃えるのにすごくシンプルなやり方

FAQやインタビュー形式の記事で、&lt;dl&gt;で綺麗に字下げ(インデント)する方法

インデント

賢い。prototype.js はいやだけど。

Ads by Google


クリップ(66+19)
webデザイナーのナナメガキ: CSSとprototype.jsで「ぶら下げ」レイアウトをやってみた
livedoor クリップのトップに戻る