親子におすすめの新型プラネタリウムとは?

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では非表示にできないのでしょうか?

このQ&Aに関連する最新のQ&A

A 回答 (2件)

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 … )
    • good
    • 0
この回答へのお礼

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

解決しました。

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

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

Firefoxでおも消えますけど。


<li style="list-style:none">~~~</li>
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q
  • の黒い点を消したい。
  • 宜しくお願いします。

    スタイルシートで<li>を使用しボタンを表示させているのですが、IEの場合は問題ないのですが、ファイアフォックスの時、ボタン画像の横に黒い点が表示されてしまいます。
    これを消すにはどうすれば良いでしょうか?
    #navibar {
    height: 70px;
    width: 840px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 10px;
    }

    #navibar li {
    float: left;
    height: 40px;
    width: 140px;
    }

    お願いします。

    Aベストアンサー

    CSSで「list-style-type:none」を追加してみたら
    #navibar li {
    float: left;
    height: 40px;
    width: 140px;
    list-style-type:none;
    }

    Q

    CSSの質問です。

    <ul>と<li>でリストマークを消すために
    list-style-type:noneとするのは<ul>と<li>のどちらに設定するのが正しいですか?

    どちらに設定してもリストマーク消えますけど。
    どちらに設定したら規格上違反とかありますか?

    Aベストアンサー

    整理すると
    <div class="nav">
     <ul>
      <li>
    において、
    div.nav{list-style-type:none;}
     では、リストマークは消えない。
     しかし、
    <div class="nav">
     <ul>
      <li>
       <div>
        <ul>
         <li>
    では、
    div.nav ul{list-style-type:none;}
    で、途中にdivがあっても、リストマークは消えます。

     仕様書には、liではな【くulやolにlist-styleを指定することを推奨する。】と書かれている
    【引用】____________ここから
    Inheritance will transfer the 'list-style' values from OL and UL elements to LI elements. This is the recommended way to specify list style information.
     ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Generated content, automatic numbering, and lists( http://www.w3.org/TR/CSS2/generate.html#propdef-list-style )]より

     OLとUL要素からLI要素に "のlist-style 'の値を転送し継承します。これは、リストのスタイル情報を指定するための推奨方法です

     このことから、ulないし、olに指定すると、その子孫のliに引き継がれるようですし、それが推奨されていて、どのブラウザもそれに従うようです。実際、最初にも書きましたようにブラウザのデフォルトの捨て要るシートもulに対して指定しているようです。

     listのスタイルシートは他にも問題があって、liを字下げして表示するブラウザが多いのですが、その字下げをmarginを使うか、paddingを使うか、それをul,olに対してか、liに対してかもブラウザによって差があります。
     そこで、私は、
    div.nav ul,div.nav ul,div.nav li{display:block;list-style:none;margin:0;padding:0;}
    といったんリセットしてから、様々な指定を付け加えていくことにしています。

     文法的にも正しいし、かつブラウザ間の実装の差も吸収できますから・・

    整理すると
    <div class="nav">
     <ul>
      <li>
    において、
    div.nav{list-style-type:none;}
     では、リストマークは消えない。
     しかし、
    <div class="nav">
     <ul>
      <li>
       <div>
        <ul>
         <li>
    では、
    div.nav ul{list-style-type:none;}
    で、途中にdivがあっても、リストマークは消えます。

     仕様書には、liではな【くulやolにlist-styleを指定することを推奨する。】と書かれている
    【引用】____________ここから
    Inheritance will transfer the 'list-style' values fr...続きを読む

    Qエクセルで作成した表内で、文字の上に訂正線を引くには??

    表題のとおりです。

    エクセルでセル内にある文字の上に、訂正(修正)線を引きたいのですが、まったくどうしていいものかわかりません!!

    初心者です!

    どなたか教えてください!!

    Aベストアンサー

    puerariaさん

    >そうすると、選択したセル内の全ての文字に取り消し線が入りますよね??
    その通りですね。部分的に取り消し線を入れることは可能です。
    その場合、次の手順を踏んでください。

    1.対象のセルをダブルクリックするなどして、中の文字列を選択出来る状態にして下さい。
    2.取消線を入れたい文字列をマウスなどで反転させてください。
    3.反転した文字列の上で右クリックした後、セルの書式設定を選択。
    4.左下に有る取消線をチェック後にOKです。


    人気Q&Aランキング