vertical-alignの値 | warikiru
2008-01-04 vertical-alignの値 ラベル: css, memo 自分だけかもしれないけど、 vertical-alignって数値指定（1pxとか-2em）できるんだね。 知らなかった。。。 いつも、top, middle, bottomしか使わなくて、画像によっては微妙にずれたりして、 歯がゆい思いしてたけど、数値で指定すれば問題なしですね。うまいことできてるわ。 ので、サンプル作ってみた。 数値はプラスでもマイナスでもＯＫ。 基準はベースラインからどんだけ離れているか。 パーセント指定はline-heightから算出される。 投稿者 t32k 場所 20:40 はてなブックマークに追加 del.icio.usに追加 0 コメント: コメントを投稿
first-childっぽい効果をネガティブマージンで実現 | Takazudo Clipping*
first-childっぽい効果を、first-childや、余分なclass付加なしで実現しようという話です。すごい地味Tipsですが・・・。 例えばこんなものを作りたいとします。 リストの間に線が入っているというデザイン。コレを組むときにどうするか。こんな感じでul / li で組むとして、borderを上か下につけようとか思っていた場合、最初か最後についてしまう、余分なボーダーをなんとかせねばならぬ。 <ul> <li>hoge hoge hoge hoge</li> <li>hoge hoge hoge hoge</li> <li>hoge hoge hoge hoge</li> </ul> まず、考えられるのは、liの上にborderをつけ、li:first-childで、最初のリストだけborder-top:none;などを指定して、何とかする方法。しかし、IE6はfirst-
Firefoxでフッター（footer）の下に隙間ができる | @blog.justoneplanet.info
■原因として考えられるもの clearfixハック ■解決策（CSSソース） .clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;/*これで解決させる*/ } とする ■解説 afterでコンテンツ（上記の場合は『.』）を追加した分、（hight:0であるが）内部的に高さが増す。フッターにclearfixハックを使っている、もしくは他の要素でclearfixを使い内部的に高さが増した量よりフッターの高さが小さい時にフッタの下に隙間が出来るが、上記のafterで追加した要素のフォントサイズを0にすることにより、追加した要素の高さを完全に０にする。 ■追記 但し、スパムとみなされる可能性もある気がするので、フォントサイズはかなり小さめ
CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 | CREAMU
DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLクイックリファレンス