タグ

2011年11月22日のブックマーク (3件)

  • dlのdt dd を横並びに

    何かと便利な定義リスト。 用語集や、Q&Aなど使いどころは沢山あるけれど、同じ行にしたいと思うことがしばしば有るかと思います。 しかし、中々思うように横並びが出来ないのが定義リスト。 今回はそんな厄介な定義リストのサンプルを作ってみました。 まずはスタイルシート。 dl { border:1px solid #999; width:390px; } dt { float:left; width:100px; padding:5px 0 5px 10px; clear:both; font-weight:bold; } dd { width:260px; margin-left:100px; padding:5px 5px 5px 10px; border-left:1px solid #999; } こんな感じです。 そして、実際の画面では↓こんな感じで表示されると思います。 もっとテーブ

    dlのdt dd を横並びに
    takuti
    takuti 2011/11/22
  • [CSS]ブラウザのスタイルを初期化するスタイルシートのサンプル集 | コリス

    YUIBlueprint、YAMLなどのCSSのフレームワークでも利用されているブラウザのスタイルを初期化するスタイルシートのサンプル集です。 Blueprint YAML YUI Tripoli meyerweb warpspire christianmontoya crucialwebhost 下記のスタイルシートは、記述スタイルを同様のスタイルに全て変更しています。また、コメントも削除しています。 Blueprint Blueprint Based:Reset Reloaded <textarea name="code" class="css" cols="60" rows="5"> html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,

    [CSS]ブラウザのスタイルを初期化するスタイルシートのサンプル集 | コリス
    takuti
    takuti 2011/11/22
  • CSSファイルの分割 | d-spica

    CSSファイルの分割 2008-05-23 0 0 XHTML/CSS CSS 見栄えに関わる部分をHTMLから分離してCSSに書いていくと,CSSの分量もかなり増えてきます。サイトの規模が大きくなったり,様々なデザインの要素が加わってくるとなおさらです。 今回は,CSSファイルをいくつかに分け,管理しやすくする方法を考えてみたいと思います。 なぜ分割するのか 1. 余分なものを読み込まなくてすむように。 構造(structure)と見栄え(prasentation)をHTMLCSSに完全に分離すると,CSSのほうにたくさんの記述をすることになります。その中には,ある特定のページにしか適用されないものも出てきます。 これらのすべてを1枚のCSSファイルに書き,すべてのページで読み込む方法だと,そのページには適用されないものまで相当数読み込むことになってしまいます。 CSSファイルをいくつ

    takuti
    takuti 2011/11/22