タグ

ブックマーク / blog.d-spica.com (3)

  • dtをfloatする場合の注意点 | d-spica

    dtをfloatする場合の注意点 2008-05-12 0 0 XHTML/CSS CSS, dl, float dl の定義リストで,dt を float させることがよくあります。このとき注意したい点をまとめておきます。 新着情報のようなところで,更新日を dt で,更新内容を dd でマークアップした場合を想定してみましょう。 まず,XHTMLでのマークアップは次のような感じです。 <dl class="recent"> <dt>2008-05-12</dt> <dd>ページ5を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-10</dt> <dd>ページ4を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-07</dt> <dd>ページ3を更新しました。テキストテキストテキスト...。</dd> <dt>2008-05-06</

  • IEで指定どおりのfont-sizeにならない | d-spica

    IEで指定どおりのfont-sizeにならない 2008-05-18 0 0 XHTML/CSS CSS, font-size IE との兼ね合いで,font-size は%で指定しておくのが,いちばん無難だと思うのですが,IE6, 7 にちょっと痛いバグがありました。 小さなサイズの文字が指定どおりの大きさにならないのです。 11px以下のフォントが指定より大きくなる まず,font-size のページを IE6 または IE7 でご覧ください。 順にフォントサイズが小さくなっていくはずなのですが,74%から72%あたりの日語のフォントサイズが一旦大きくなっています。その後71%から 60%のところまで,日フォントはサイズが変わっていません。 FIrefox の場合と比べると,よく分かるかもしれません。 %で指定された font-size は,最終的にpxに変換され,端数処理して整

    k_gobo
    k_gobo 2008/05/28
    IE死滅しろ。
  • すぐに使えそうなネガティブマージン | d-spica

    すぐに使えそうなネガティブマージン 2008-05-15 0 0 XHTML/CSS CSS, margin margin にはマイナスの値を入れることができます。マイナスの値を持つ margin を「ネガティブマージン」と言ったりします。 あまりむずかしくなく,すぐに使えそうなネガティブマージンを紹介してみましょう。 見出しにネガティブマージン 文の左に見出しよりも大きな余白をとりたいというとき。 <div class="section"> <h3>見出し</h3> <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。...</p> <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。...</p> </div> div.section { padding-left: 15px; } div.section h3

    k_gobo
    k_gobo 2008/05/28
    しかしIEがダメだと結局使えない罠。
  • 1