php - CSS ul li 箇条書きが消える

Question

私のウェブページの ul と li がまったく機能しません。ここに私のindex.htmlがあります

<div id="main" class="core">
    <div id="background">       
    </div>
    <div id="content">
        <div id="default"><div></div></div>
    </div>
    <div id="map" class="special"></div>

</div>

これは私のpage.phpです

// Care for the Square
case 'care-for-the-square':
    echo '
    <p>On an annual basis the Friends fund: </p>
    <ul id="test">
    <li>Landscaping</li>
    <li>Tree care</li>
    <li>Grass seeding</li>
    <li>Graffiti removal</li>
    <li>Bench repair</li>
    <li>Supplemental seasonal maintenance staff</li>
    <li>Sidewalk sweeing</li>
    <li>A dedicated park ranger</li>
    <li>Excess seasonal trash removal</li>
    <li>Holiday lights</li>
    <li>Doggie bags</li>
    </ul><br/>

    ';
    break;  

誰かがそれを理解するのを手伝ってくれますか? ありがとうございました

Answer 1

が にul設定されてlist-style: noneいる可能性がありますが、デフォルトの左マージンやパディングが削除されたために箇条書きが消えた可能性が高くなります。前述のように、CSS も投稿するか、できれば問題を示す実際の例を投稿する必要があります。

編集: normalize.css の 270 行目に、次のルールがあります。

menu, ol, ul, li {
    padding: 0;
    list-style: none;
}

それはあなたの箇条書きを隠しています。その 2 番目の list-item ルールを削除するか、次のようにオーバーライドできます。

#test li {list-style: disc;}

Answer 2

箇条書きがページにない場合、最も可能性の高い理由は、CSS が ul / li を設定していることです。

list-style: none;

それがどのように機能するかを示す例、Exampleを作成しました。多くのサイトには reset.css があり、別の名前で呼ばれる可能性があります。これが、これらが「デフォルト」で表示されない理由です。CSS などの詳細情報を提供すると、コミュニティがさらに役立つ可能性があります。

Answer 3

このcssに追加...

CSS

ul#test li {
    margin-left:10px;
    list-style:disc;    
}