スタイルシートで作成したリスト

質問

スタイルシートで作成したリストが含まれるwebページを印刷したいのですが、
リストの数字の部分が、文字化けしてしまいます。
（●に置き換わってしまう）
どのようにすれば、数字をきちんと表示させたまま印刷することができるのでしょうか？

リスト部分は
.LI { list-style-type: decimal; list-style-position: outside; margin-top: 0px }
としています。

回答No.1

BLUEPIXY · ベストアンサー

特にスタイルシートで指示しなくても
<ol>
<li>行１</li>
<li>行２</li>
<li>行３</li>
</ol>
<ol>の範囲であれば数字で表示されます。
<ol type="I">←ローマ数字で表示の様になっている時指定したクラスのliだけ設定を変えるような時質問文のようにして
<li class="LI">
の様に指定します。
質問文のスタイルシートからでは特に文字化けの原因はわかりません。
そのリストの部分のHTMLを補足していただけませんか？
あと、使っているブラウザも補足して下さい。

お礼

リストの印刷については、教えていただいた方法で
問題なく解決することができました。
スタイルシートを勉強し始めたばかりなので
何かと使ってみたい衝動にかられてしまったようで；；
助かりました！ありがとうございます。

補足

今回については問題解決ではあるのですが、
今後のために何か情報を得られたらと思います。
お手数ですが、見ていただけますでしょうか？

リスト部分のHTML
<ul class="LI">
<li class="green">項目1<br>
<span class="black">ここに文章が入ります</span><br>

<li class="green">項目2<br>
<span class="black">ここに文章が入ります</span><br>

<li class="green">項目3<br>
<span class="black">ここに文章が入ります</span><br>
</ul>

※スタイルシートは各々
.green { color: green ;}
.black { color: black ;}
です。

ブラウザは　MacのIE5.2です。
どこからどこまで載せればいいのかわからなかったのですが、不足がありましたらまた補足要求してください。

回答No.2

BLUEPIXY

#1補足>
ｗｉｎＩＥ６では特に問題なく表示できました。（Ｍａｃ版ＩＥ５は、色々の点で動作が異なるようです）

以下気の付いた点（問題が発現しなかったので、関係ないかもしれません）を・
<ul>は、マーク付きのリストを作るものですので、＃１でも書きましたけど<ol>を使った方が良いと思います。
list-styleで始まるスタイルのプロパティは、li要素に対して指定するものですので、
.LI {…}と指定したものに含めるより
.LI li {…} クラス指定したものに含まれるliの様に指定した方がいいかもしれません。
あと、li要素は、<li>…</li>の様に終了タグを入れた方がいいかもしれません。

お礼

スタイルシートの例文などを参考に、見よう見まねで書いていたので
正しくない箇所がいくつもありますね…。
一からしっかり覚えていきます。
丁寧にお教えいただき、ありがとうございました。