web-dev-qa-db-ja.com

ULリストスタイルは適用されません

何らかの理由でlist-style-typeをUL要素に適用しないスタイルシートがあります。私はYUIのGrid CSSをreset-fonts-grid.cssファイルで使用していますが、CSSリセットの一部としてそれを取り除きます。

YUIを呼び出した後、Webサイトのスタイルシートを呼び出して、ULのブロックを作成します。

ul {list-style-type: disc;}

また、リストスタイルで設定しようとしましたが、同じ結果が得られます。上記のCSSブロックは、パディングやマージンが適用されるようなものを追加したかのように読み取られることを知っています。スタイルタイプは、FirefoxまたはIEのいずれにも表示されません。

ULに適用した他の唯一のCSSは#nav divにありますが、そのCSSはlist-style-typeには触れず、YUIが提供するリセットを使用し、YUIとサイトスタイルシートは2つのCSSのみです呼び出されるシート。

サイトの管理者側にもFCKEditorがあり、そのエディターは箇条書きのスタイルを表示するため、FCKEditorによってフィルター処理されないCSSを使用する必要があります。

csslistyui-grids
45
dragonmantank

私が間違っていなければ、このルールをulではなくliに適用する必要があります。

ul li {list-style-type: disc;}
19
steve_c

Cssに以下を含める必要があります。

li { display: list-item; }

これにより、Firefoxがディスクを表示します。

133
Big Buddy

また、使用しているreset.cssがすべてのマージンをnullにする場合、左マージンを与えることもできます。

li {
list-style: disc outside none;
display: list-item;
margin-left: 1em;
}

このcss afterリセットを適用すると仮定すると、動作するはずです！

マシュー・リコー

35
user415535

この問題が発生したため、ulにパディングがなく、ディスクが表示されないことがわかりました。

余白もこれで混乱します

18
AJ Zane

'li'にoverflow: hiddenが適用されていないことを確認してください。

15
PipoPepino

この問題は、親クラスでlidisplay属性がblockに設定されていることが原因でした。 list-itemでオーバーライドすると、問題が解決しました。

14
tiberdoo

僕の reset.cssはmargin: 0, padding: 0。数時間の調査とトラブルシューティングの後、これは機能しました：

li {
    list-style: disc outside none;
    margin-left: 1em;
}

ul {
    margin: 1em;
}
3
nara_l

この問題が発生したため、ulにパディングがなく、ディスクが表示されないことがわかりました。

3
alimac83
  • ！importantを使用してルールに従ってみましたか？
  • FireBugが要素を最後に制御できるのはどのスタイルシートですか？
  • これはどこか他の人に見られるライブですか？

更新

コード例を提供することで、ソリューションを迅速に受け取る必要があると確信しています。この問題の例をどこかにアップロードできるか、ローカルホストでテストできるようにマークアップを提供できる場合、貴重な入力を取得できる可能性が高くなります。

質問の問題は、質問をする人が質問をするのに十分な知識を持っていると信じるように他者を導くことです。プログラミングでは必ずしもそうとは限りません。あなたが見逃した、または誤ってジップした何かがあったかもしれません。他の人があなたのコードに目を向けなければ、彼らはあなたが何も見逃しておらず、何も見落としていないと仮定しなければなりません。

2
Sampson

In IE私は、olリストのスタイル設定にクラス「normal_ol」を使用し、以下に示すいくつかの変更を行いました。

前のコード： ol.normal_ol {float：left;パディング：0 0 0 25px;マージン：0; width：500px;} ol.normal_ol li {font：normal 13px/20px Arial; color：＃4D4E53; float：left;幅：100％;}

変更されたコード： ol.normal_ol {float：left;パディング：0 0 0 25px; margin：0;} ol.normal_ol li {font：normal 13px/20px Arial; color：＃4D4E53; }

1
Somashree Patra

私が考えることができるのは、後で何かがこれを無効にしているということだけです。

リセットスタイルを含めていますfirst、そうですか？

1
dylanfm

このクラスをcssに追加するだけです。

.ul-no-style { list-style: none; padding: 0; margin: 0; }

に設定されたパディングとマージンを含めることは非常に重要です。信頼してください。

1
Jason

YUIのリセットCSSは、リストスタイルを単に「ul」ではなく「ul li」から削除するため、「ul」だけに設定しても機能しませんでした。

0
dragonmantank