「・」(黒い点)を非表示にしたいです。

index.htmlファイルには以下のように記述しています。
<div id="new_arrival">
<iframe src="notice.html" name="in" width="680" height="500" marginwidth="20" scrolling="on" ></iframe>
</div>

notice.htmlには以下のように記述しています。
<h3>新着情報</h3>
<ul>
<li>2015-03-17 <a href="https://drive.google.com/file/d/file01=sharing" target="_blank">文書01</a>
<li>2015-03-17 <a href="https://drive.google.com/file/d/file02=sharing" target="_blank">文書02</a>
～～～～～～～～～～～～～～～～～
</ul>

ブラウザ(firefox)で表示すると「・文書01」のように「・」が「文書01」前に表示されてしまいます。この「・」が表示されないようにするにはどうしたらいいのでしょうか？

調べるとstyle="list-style:none"を使えば表示されなくなるとあったのですが、いろいろ使ってみても消えませんでした。(~_~;)

http://www.webword.jp/cssguide/ref-list/index1.h …
上記のサイトでは「ただ全てのブラウザで上記が全て利用できるわけではなく、対応状況はまちまちのようです。 」とあったので、firefoxでは非表示にできないのでしょうか？

No.2 ベストアンサー 回答者： ORUKA1951 回答日時： 2015/03/22 10:07

notice.htmlには以下のように記述しています。

<h3>新着情報</h3>
<ul>
<li>2015-03-17 <a href="https://drive.google.com/file/d/file01=sharing" target="_blank">文書01</a>
<li>2015-03-17 <a href="https://drive.google.com/file/d/file02=sharing" target="_blank">文書02</a>
↓
notice.htmlには以下のように記述しています。
<h3>新着情報</h3>
<ul style="list-style-type:none;margin:0;padding:0 1em;">
<li>2015-03-17 <a href="https://drive.google.com/file/d/file01=sharing" target="_blank">文書01</a>
<li>2015-03-17 <a href="https://drive.google.com/file/d/file02=sharing" target="_blank">文書02</a>

とか。。。スタイルは読み込むHTMLには無効です。

なお、list-style-typeは継承されるプロパティなので、ulに記述すると、他により詳細度の高い指定がない、あるいは同じ詳細度でも後出の指定がない限りliに適用されます。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
'list-style-type'
値: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit
初期値: disc
適用対象: 'display: list-item'をもつ要素
継承: yes　←★
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Generated content, automatic numbering, and lists - CSS 2.1 spec (ja)( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )］より
　この継承や詳細度と言うカスケーディングはCSS(カスケーディングスタイルシートの命です。プロパティを学ぶより先にしつかり身につけましょう。)
5 セレクタ( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
6 プロパティ値とカスケーディング、継承の割り当て( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )

Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification 日本語訳( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )

この回答へのお礼

回答ありがとうございます。m(__)m

解決しました。

＞スタイルは読み込むHTMLには無効です。
そうなのですね。ここがわからず、今週ずっと悩んでいました。すっきりしました。

お礼日時：2015/03/22 20:35

No.1 回答者： artoo 回答日時： 2015/03/22 09:29

Firefoxでおも消えますけど。

<li style="list-style:none">～～～</li>