リスト文字

[新着] Webテンプレートを仮オープンしました

0   名前： まなぶ ： 2006/12/30（土） 15:19  ID:WdqtjdNB
ご指導ください
htmlボックス内
リストの件でお聞きします。
宜しくお願いいたします。
ボックス内
<div　calss="box">
<ol>
<li><p> xxxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxx<p> </li>
<li><p> xxxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxx<p> </li>
<li><p> xxxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxx<p> </li>
</ol>

こんな感じでリストを作りました。

css　.pでフォントの大きさ等を
書いています。
しかし　リストの番号が大きくなって表示されます。

通常は　１．ｘｘｘｘｘｘｘｘｘ
　　　　　　ｘｘｘｘｘｘｘｘｘ。
ですが、１．の数字が拡大表示なんです。
どう修正すればよいのでしょうか？
教えてください。
宜しくお願いいたします。

ちなみにCSSはこんな感じです。
p{
font-family: "ＭＳ Ｐ明朝", Pro W3";
font-size: 12px;
color: #000;
letter-spacing: 0.1em;
line-height: 1.5em;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
font-style: normal;
font-weight: normal;
}

お願い申し上げます
1   名前： あや ： 2006/12/30（土） 15:19  ID:TRVH9wjM
　せっかくclass（<div　calss="box">になっていましたが…）指定しているのだから、そちらでliも指定して上げたらどうかなと思いました。
　私のcssは参考になりますか？

/*全体構造
-----------------------------------------------------------------------------*/
body {
text-align: center;
color: #000000;
background-color: #bfaa40;
}

#nennpyoh {
width: 660px;
margin-top: auto;
margin-right: auto;
margin-left: auto;
padding: 10px 40px;
border: solid 2px #ff8c66;
text-align: left;
font-size: 13px;
line-height: 150%;
color: #000000;
background-color: #f0f0dc;

}
p.pankuzu {
margin: 0px;
padding: 10px 80px;
text-align: left ;
font-size: x-small; }
li {
list-style-position: outside; }
2   名前： まなぶ ： 2006/12/30（土） 15:19  ID:O//ac4kG
有難うございました
ありがとう
3   名前： key-child ： 2006/12/30（土） 15:19  ID:oa0LzwJQ
p要素に対してスタイル指定しているので、リスト番号が大きくなってしまいます。
ですので、リスト番号ごと大きさを変えたいのならol要素に対してスタイルを変更するようにしましょう。

ol {
 font-size: 12px;
}
p {
 /* font-size: 12px; 削除 */
}

一覧へ戻る