省略解説のサンプル集

relative利用の重なるテーブル

サンプルとしては簡単なもの、テーブルではこれができないのがミソですね

ボックスを、天地左右中央に配置する

ちょっと、とある所で見つけたので、アイデア拝借

正直、かなり無理のないカタチで実用可能なところがやられたって感じ

dt、ddを利用した対話型テキストサイト

第2回でちょっと出したもの、floatを使いこなすのはちょっと直感的でなく、難しいというお話

dt.left、dd.left、dt.right、dd.rightの4つが出てきますが、これの要素の順番と、float、clearの処理を順番に考えて行くのが大事です

positionを利用した文字背景

フォント指定した文字を、背景画像の様に使おうというお話

第4回の、position:relative;利用法の応用、z-indexを上手く使うのがこの方法のコツ

リストの表示をテーブル化

今回の解決法はちょっと綺麗とはいえないカナ。結局、実現の壁はIE対策というお話…

ボーダにタイル画像を指定してみるのこと

表現として正しいとは言えないかもしれませんが、一色のみの指定しかできないボーダーにタイル画像を埋め込んでしまう技

テーブルよりはマシかもしれないけど、正しいHTMLとは言えないかも…

strictでも出来る疑似フレーム

フレーム使うとstrictなHTMLにならないとお悩みの方への小さな解決法

IEだと意図通り表示されないという致命的な欠点はありますが…

テーブルを使わない吹き出し表現

通常テーブルで作られる吹き出しをdivタグ一個でやってしまおうというテスト

IEでも動いて以外に動作環境が良かったのにビックリ

MAPタグを利用しない表現方法

MAPタグを利用しないでも背景画像に直接リンクを仕込んで完全に代換え可能という作例。