リストを使って最高で５階層の一覧を作成したいのですが何度やっても巧く行きません。原因としてはタグの入れ子の閉じる場所に問題があるのでしょうが・・こんな感じです。 A ┗1 ┣2 ┗3 B ┗1 ┣2 ┣3 ┗4 ┗a ┃┗ア ┃ ┗あ ┣b ┃┗イ ┃ ┗い ┗c C ┗1 ┃┗a ┃ ┗ア ┣2 ┣3 ┃┗a ┗4 うまく表示されるか分かりませんが、どなたか教えて下さい。

＞もう少しお願い致します。分かりやした(^^ゞ。「詰めたい」のは左右の間隔ですよね。Ｎｏ１のソースの内に、下記のソースを挿入してください。で、左右幅を詰めたい部分のを、以下のように書き換えます。「20px」は適当に入れてみたので、お好みで修正してください。これでどうでしょうか。

リストの階層

解決済

質問者：tarotyu
質問日時：2003/08/27 18:52
回答数：2件

リストを使って最高で５階層の一覧を作成したいのですが何度やっても巧く行きません。
原因としては<ul><li>タグの入れ子の閉じる場所に問題があるのでしょうが・・

こんな感じです。

A
┗1
┣2
┗3
B
┗1
┣2
┣3
┗4
　┗a
　┃┗ア
　┃　┗あ
┣b
　┃┗イ
　┃　┗い
　┗c
C
┗1
┃┗a
┃　┗ア
┣2
┣3
┃┗a
┗4

うまく表示されるか分かりませんが、どなたか教えて下さい。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： noname#21343
回答日時：2003/08/27 19:20

↓で、大丈夫だと思います。

全部作るのは大変(^^ゞだったので一部だけですが、
ＩＥ５．５、ネスケ４．７／６で確認しました。

入れ子は確かに閉じ場所がわかりにくくなるので、
タブキーなどを使って、階層を区別するといいですよ。

<html>
<head>
<title></title>
</head>
<body>
<ul>
<li>Ａ</li>
　<ul>
　<li>1</li>
　<li>2</li>
　<li>3</li>
　<li>4</li>
　　<ul>
　　<li>a</li>
　　　<ul>
　　　<li>ア</li>
　　　　<ul>
　　　　<li>あ</li>
　　　　</ul>
　　　</ul>
　　<li>b</li>
　　　<ul>
　　　<li>イ</li>
　　　　<ul>
　　　　<li>い</li>
　　　　</ul>
　　　</ul>
　　<li>c</li>
　　</ul>
　</ul>
</ul>
</body>
</html>

この回答への補足

ありがとうございました。わざわざソースまで書いていただき、検証までしてくれたとは。
希望のイメージとおりにはなりましたが、欲を言えば
↑のソースで
・4の直下　a　との間
・aの直下　ア　との間
・ア直下　あ　との間
は詰らないものでしょうか？

もう少しお願い致します。<m(__)m>

補足日時：2003/08/27 19:24

通報する

- 0
- 件

通報する

No.2

回答者： noname#21343
回答日時：2003/08/27 20:04

＞もう少しお願い致します。

<m(__)m>

分かりやした(^^ゞ。
「詰めたい」のは左右の間隔ですよね。

Ｎｏ１のソースの<head></head>内に、下記のソースを挿入してください。

<style TYPE="text/css">

</style>

で、左右幅を詰めたい部分の<ul>を、以下のように書き換えます。

<ul class="kaiso">

「20px」は適当に入れてみたので、お好みで修正してください。

これでどうでしょうか。