[使える CSS テクニック] CSSを使った見栄えの良いサイトマップ | バシャログ。

第 7 回目は「CSSを使った見栄えの良いサイトマップ」です。 今回は、Web サイト構成をすばやく確認できるように見栄えのいいサイトマップを紹介したいと思います。 以下のようなツリー構造のサイトマップを作成してみます。 sample 1.画像を用意 以下のような画像を使用します。 アイコンから伸びる点線はなるべく長くします。 2. XHTML はリストの入れ子で XHTML <ul> <li><a href="#">ホーム</a> <ul class="category"> <li><a href="#">会社案内</a> <ul class="page"> <li><a href="#">会社概要</a></li> <li><a href="#">コンセプト</a></li> <li><a href="#">沿革</a></li> <li><a href="#">社長挨拶</a></l

[deadwork]

webデザイン

[shirokuma2339]

CSSとlistタグでサイトマップの表現方法

[fukurm]

大変参考になる

[masapon1967]

CSSを使った見栄えの良いサイトマップ

[flakwing]

ツリー表示のナビゲーション

[wacky]

ネストしたリスト要素のCSSデザインサンプル。エクスプローラ風のツリー構造。

[caraldo_k]

jqueryとか使うと重いからCSSの方が無難なのかな・・悩む

[sgni]

ツリー構造のサイトマップ

[hiro_y]

CSSでファイルリストなどのツリー構造をきれいに見せる。