2009-01-01から1年間の記事一覧

dl dt ddを使った3列横並びリスト

テーブルで作っていた3列のリストをdlを使って作りかえたいなと思って作ってみました。 おおまかなhtmlとcssは覚書に。 覚書 基本はA列がdt B列C列がdd。 dt,ddに高さを指定。 B-1のマージンをdtの幅分左に、高さ分をマイナスで指定する。 B-2は左のみ指定。…

DL、DT、DDを使った商品説明のリストについて

以下のような形のリストをDL、DT、DDを使って作ろうと思ったのですが。 文書構造からいうとこういう形で作りたいのですが、これだと上手く横並びになってくれません。 ひとつひとつをDLで包んでfloatさせると落ち着きます。 他のCSSサイトもこの方法での説明…

リストサンプル 覚書

会社の帰りがけにちょこっと作った覚書です。 この覚書の説明はこちら リセット <dl id="sample"><dt>たも</dt><dd class="area1">日本</dd> <dd class="area2">海外</dd><dd class="movie1">やっぱり猫が好き</dd> <dd class="movie2">かもめ食堂…

DEKIMAGA

DEKIMAGA Adobe発行の 「できた!をかなえるチュートリアルマガジン」だそうです。 登録すると詳しい作り方を見ることできます。 見本の作品のチープさはさておいて、チュートリアルは詳しく参考になります。