問題タブ [html-lists]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
4920 参照

html - IE6およびIE7で消えるリストアイテムの箇条書き

<ul>とを使用してアイテムのリストを作成しました<li>。Firefoxでは正常に動作しますが、InternetExplorer6および7ではリストの箇条書きが表示されません。

これが私がしたことです:
私はグローバルul , liリセット値を持っています。その後、2つの<ul>ブロックを使用して2つの列リストを作成しました。ul liCSSのグローバルスタイル値noneを上書きして、スタイルを。としてリストしdiscます。これを行うと、箇条書きの項目が表示されますが、ulの幅を特定の値として設定するとli、IEで箇条書きが消えます。

リストスタイルを使用しlist-style-image: url(bullet.gif)ても、IE6および7には表示されません。

これがHTMLコードです。これを見て、すべてのブラウザで箇条書きをアーカイブできる方法を教えてください。

0 投票する
5 に答える
4788 参照

css -
  • 内部の CSS 列が適切に折り返されていません

ラララル、私は CSS で気が狂いそうです...

ここでは最も単純なレイアウトを実現できません。何かが壊れています。隣り合った2つの列が必要です:

私はこれらのdivを持っています:

そしてCSS:

私の問題は、コードが現在あるときに、内部の最初の div が 2 番目の div の上にあることです。最長の「li」タグを削除すると、div 全体が適切に配置されます (内部の 2 つの div が隣り合っています)。通常のように「li」ラップしない理由がわかりません.2つのdivをインラインブロックとして、それらは互いに隣り合っており、垂直に積み重ねられていません。

お知らせ下さい。ありがとうございました!

0 投票する
1 に答える
348 参照

html - sifr - .active ul リンクで動作させる方法

したがって、プライマリナビゲーションアイテムを変換するSIFRスクリプトがあります。

ただし、「li.active a」はすべてのメニュー項目に適用されます。これは私が欲しいものではありません。

.active クラスをそのクラスを持つ人に適用したいだけです。

「#primary_nav ul li.active a」は、現在のメニュー リスト項目で使用されます。

すなわち:

リストのアクティブなアイテムにのみ .active を適用するように SIFR を取得するにはどうすればよいですか?

ありがとう。

0 投票する
2 に答える
10780 参照

jquery - jquery hasClass "active" on ul#navigation li on page load が機能しない

ナビゲーションバーを作成し、このコードを使用してホバー時に透明効果を追加しています:

hoverIntent も使用しています。

不透明度のロールオーバーはうまく機能しますが、「アクティブな」ページの不透明度を 100% にしたいのですが、うまく機能しないようです..何が間違っていますか?

質問HTMLのリンクは次のとおりです。

ナビは私の「アクティブな」クラスを除いて完璧に機能するので、必要なコードをすべて提供したと思います。

0 投票する
10 に答える
17668 参照

jquery - jQueryは長いulリストを小さなリストに分割しました

ULリストが長いので、それぞれ約20個のアイテムを含む小さなリストに分割する必要があります。

私は私が次のようなものを使うことができると思っていました

しかし、そうではありません。最小限のCPUを使用する方法でjQueryを使用する方法はありますか?

0 投票する
1 に答える
4607 参照

html - 番号付きのHTML水平順​​序リスト

番号付けを取得するために順序付きリストを使用しています。これは、リストが垂直の場合に完全に機能します。ただし、水平にすると番号が消えます。

liCSSのdisplay属性が原因のようです。

CSSとHTML:

0 投票する
5 に答える
42167 参照

html - 順序付けられていないリストの前で改行が発生しないようにするにはどうすればよいですか?

<UL>私の Web アプリ フレームワークは、無効なフィールドの直後の順序付けられていないリスト内の各フィールドのフォーム エラーをレンダリングします。私の問題は、エラーがフォームフィールドと同じ行にリストされるようにスタイルを設定できなかったことです。代わりに、改行が の前にレンダリングされます<UL>

これは、サーバーが決定した無効なフィールドを示す、スタイルを設定しようとしている html です。

span必須フィールドごとにアスタリスクを表示する「field_required」と、フォームが (サーバー上で) 検証されない場合にレンダリングされる「errorlist」との間の改行を防ぐにはどうすればよいですか?

現在、私はスタイリングしています:

更新: これまでご協力いただきありがとうございました。

私のフレームワーク(django)はデフォルトでエラーを<UL>. 素晴らしい提案に従って、リストを独自のスタイルでラップしてみまし<p><span>。リストを でラップすることは<span>、Firefox 3.0 では機能するようになりましたが、Safari 4.0 では機能しません。

Safari で要素を調べると、HTML ソースの外観ではない<UL>にもかかわらず、段落が の直前で閉じられているように見えます。

クロスブラウザーのバグに遭遇しましたか? (いいえ。以下を参照してください!)

最終的な解決策: ご協力いただきありがとうございます。これが私が最終的に問題を修正した方法です:

  • <p>label-field-error コンボの周りのタグを<div>スタイル付きのに置き換えましたclear:both;。W3C 仕様では a 内のブロック (私の場合はリスト) が禁止されていることを指摘してくれた jennyfofenny に感謝し<p>ます。これが、Safari がリストの前に私の段落を自動的に閉じていた理由ですが、Firefox はそれをスライドさせました。

次に、リストのスタイルを次のように設定します。

0 投票する
1 に答える
760 参照

php - PHP Joomla mod_feedのULの交互の色

私は自分のサイトで Joomla 1.5 を使用しており、RSS フィード モジュール (mod_feed) に別の色で行を交互に表示させたいと考えています。モジュール レイアウトのメイン コードは次のとおりです (上部を削除しました)。

0 投票する
16 に答える
470507 参照

css - どうすれば中央に配置できますか
  • divに?

<li>順序付けされていないリストを固定幅に中央揃えするにはどうすればよいdivですか?

0 投票する
17 に答える
274018 参照

css - リストスタイルの画像の位置を調整しますか?

list-style-imageの位置を調整する方法はありますか?

リストアイテムにパディングを使用すると、画像はその位置に留まり、パディングで移動しません...