↓で、大丈夫だと思います。
全部作るのは大変(^^ゞだったので一部だけですが、
ＩＥ５．５、ネスケ４．７／６で確認しました。
入れ子は確かに閉じ場所がわかりにくくなるので、
タブキーなどを使って、階層を区別するといいですよ。
<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>
投稿日時 - 2003-08-27 19:20:39
補足
ありがとうございました。わざわざソースまで書いていただき、検証までしてくれたとは。
希望のイメージとおりにはなりましたが、欲を言えば
↑のソースで
・4の直下 a との間
・aの直下 ア との間
・ア直下 あ との間
は詰らないものでしょうか？
もう少しお願い致します。<m(__)m>
投稿日時 - 2003-08-27 19:24:32
0人が「このQ&Aが役に立った」と投票しています
ベストアンサー以外の回答（1件中 1～1件目)
＞もう少しお願い致します。<m(__)m>
分かりやした(^^ゞ。
「詰めたい」のは左右の間隔ですよね。
Ｎｏ１のソースの<head></head>内に、下記のソースを挿入してください。
<style TYPE="text/css">
<!--
ul.kaiso{margin-left:20px;}
-->
</style>
で、左右幅を詰めたい部分の<ul>を、以下のように書き換えます。
<ul class="kaiso">
「20px」は適当に入れてみたので、お好みで修正してください。
これでどうでしょうか。
投稿日時 - 2003-08-27 20:04:23
お礼
ありがとうございました。しかし、奥が深いですね・・やはり、ＣＳＳの勉強をしなくてはいけないようです！又、お願い致します。
投稿日時 - 2003-08-28 09:17:49
OKWaveのオススメ
おすすめリンク
