タグ

2009年7月21日のブックマーク (2件)

  • vertical-alignの値 | warikiru

    2008-01-04 vertical-alignの値 ラベル: css, memo 自分だけかもしれないけど、 vertical-alignって数値指定(1pxとか-2em)できるんだね。 知らなかった。。。 いつも、top, middle, bottomしか使わなくて、画像によっては微妙にずれたりして、 歯がゆい思いしてたけど、数値で指定すれば問題なしですね。うまいことできてるわ。 ので、サンプル作ってみた。 数値はプラスでもマイナスでもOK。 基準はベースラインからどんだけ離れているか。 パーセント指定は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-