DreamWeaver MX 2004でCSSの設定がくずれる

質問

DreamWeaver MX 2004(WinXP SP1)使用
箇条書きした文章全体をリンクして文頭には矢印の画像を挿入すると行間150％空けると設定したCSSが崩れ行間が詰まった文章となります。手作業で直しますが効果なしです。どなたか解決策をご教授していただけないでしょうか？

回答No.2

kagamin · ベストアンサー

こちらこそ、遅くなりました。
ローカルにダウンロードさせて頂き、自分のところで開いてみまして…その上でこれなら、と言うものをいくつか回答させて頂きます。

適応されていないレイアウトセルのところにはスタイルシートが設定されていないようで…
とりあえず該当箇所のソースを書き出してみます。

※これが行が空いていない方

<br><ol>
<li><a href="kk.htm">箇条書き</a></li>
<li><a href="st.htm">箇条書き</a></li>
<li><a href="kk.htm">箇条書き</a></li>
<li><a href="st.htm">箇条書き</a></li>

※画像ありで空いている方
<p><ol>
<li class="ｓ150"><a href="kk.htm"><img src="../pic2/p_lis016.gif" width="12" height="12">箇条書き</a></li>
<li class="ｓ150"><a href="st.htm"><img src="../pic2/p_lis016.gif" width="12" height="12">箇条書き</a></li>
<li class="ｓ150"><a href="kk.htm">箇条書き</a></li>
<li class="ｓ150"><a href="st.htm">箇条書き</a></li>
</ol>

「s150」というCLASS設定がありますが、それが上のには書かれていません。
試しに、<li class="ｓ150">に修正もしくは<ol class="ｓ150">としてみましたところ、手持ちの環境すべてで行間が空きました。（確認環境：Opera7.54、IE6.0、Firefox）
<ol>で一括指定をしてみてはいかがでしょうか？
もしくはこのスタイルシートを使うページにあるリスト表示すべてに指定するのであれば、いっそ

li {
line-height: 150%;
}

と指定してしまうのも良いかもです。それぞれに指定させなくても良いので楽かなと思うのですが。

ご呈示頂いたサンプルを拝見した限りでは、これが原因と解決としか言えないです…すみません<(_ _)>
一度、やってみて頂いてそれでもIEで表示がおかしいのであればIEの表示設定に原因がある可能性も…と思います。

お礼

kagamin様
再度　お返事が遅くなりすいません。
詳しい解説を書いていただいて本当にわかりやすく実行するとそのとおりでした。
目の前の靄が晴れた気持ちで　気も軽くなりました。
どうもありがとうございます。
もしkagaminさんのDW関係のHPをお持ちであれば見てみたい　そんな欲張りな気持ちさえあります。
また何かありましたら　どうぞ宜しくお願いします。
ポイントをお付けしたいのですが　見当たりません。どうかご了承くださるよう願います。

回答No.1

kagamin

箇条書きといいますと

<ol>
<li><a href="kk.htm">箇条書き</a></li>
<li><a href="st.htm">箇条書き</a></li>
</ol>

のやつですか？それの頭の数字なり点を画像に変えたら、と言うことでしょうか…
そうだと仮定して試してみましたが、私がテストしたページではきちんと改行指定できてました。
これではなく、他のやり方の事だったとしても具体的に該当箇所のソースやスタイルシート部分を見せて頂けると原因や解決法をご呈示できるかもしれません…

あ、あと確認の際に使用しているブラウザはスタイルシートが有効にしてあってかつ「line-height」が適応されるやつで見てますよね…？

お礼

返事がおそくなりすいません。
早速　ご回答いただきありがとうございます。

再度自分の文章をHPで表現してみました。
お手数ですが　ご覧下さい。
http://ozlab.hp.infoseek.co.jp/warehouse/test.htm

結果はご覧のようです。

＞あと確認の際に使用しているブラウザはスタイルシートが有効にしてあってかつ「line-height」が適応されるやつで見てますよね…？

IE6.0で確認してます。これはなにか設定が必要なのでしょうか？もしそうでしたら教えていただけないでしょうか？
またopera7.32では正常に行間がとれてます。