問題タブ [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.
php - テキストファイルから (X)HTML への PHP 自動リスト作成
ご存知かもしれませんが、私は CMS を作成していますが、今、小さな問題があります。
言いましょう:私はこれを含むテキストファイルを持っています:
そして、私はそれを次のように変換したい:
太字と斜体は (正規表現を使用して) 機能しますが、リストを作成するにはどうすればよいですか?
「-」リストは次のように変換する必要があります
そして、「#」リストへ
誰もこれを経験していますか?私を助けてください。私はPHP 5.2.9を使用しています
html - CSSが原因でULがIEでインデントされすぎる
ページの上部にナビゲーションバーがあります。FFとChromeでは、ナビゲーションバーが正常に表示されます。ただし、IE8(互換性の有無にかかわらず)では、ULは左側からインデントされているように見えます。各liは、li全体だけではありません。宣言しているにもかかわらず
これを引き起こしている可能性のあるアイデアはありますか?
html - リスト項目内の一部のテキストを右揃えにする
左側にメイン コンテンツを持つネストされた順序付けられていないリストがあり、インデントのレベルに関係なく右側に配置されるように、右にフロートするオプションを追加したいと考えています。
私は次のcssを持っています:
ただし、これを使用すると、オプション スパンは右に揃えられますが、予想される行より 1 行下になります。
オプション スパンをリスト アイテムに合わせて取得するにはどうすればよいですか?
ティア、アダム
python - Html 出力での Unicode マーカーの削除
ユニコード文字列として受け入れられるいくつかの電子メール ID を保持する Python リストがあります。
これは に割り当てられvalues['Emails']
、values
html としてレンダリングに渡されます。Html は次のようにレンダリングされます。
メール: [u'one@example.com',u'two@example.com',u'three@example.com']
次のようにしたいと思います。
メール: [ one@example.com, two@example.com, three@example.com ]
サーバースクリプトでこれを行うにはどうすればよいですか? HTML自体でこれを達成する簡単な方法はありますか?
css - IE6CSSバグ-ULとLI
IE6でのみ発生するCSSの問題があります。私は完全に困惑していて、他の誰かが助けてくれることを望んでいます。
IE6では、www.moneysupermarket.com / loansに移動し、5年間で5000ポンドのローンを検索すると、住宅所有者-住宅ローンの結果ページが表示されます。
ページの一番下までスクロールすると、個人価格の結果表が表示されます。
それがどのように表示されるべきであり、どのように表示されているか:
ページが読み込まれたときに正しく表示される場合は、他のタブの1つをクリックするとページがノックアウトされます。
迷惑なことに、IE6開発者ツールバーはあまり使用されていません。タブを構成するULまたはLIのスタイルを変更するとすぐに、問題なく表示されます。CSSファイルに同じ変更を加えて更新すると、機能しないようです。
hasLayoutの問題を認識していますが、display:inline-block、またはheight:1%を要素に設定しても何も実行されていないようです。
任意の提案や支援をいただければ幸いです!
ありがとう
html - dt に dl で複数の dd を与えることは良いセマンティックですか?
だから私は次のようなことを考えています:
この例は単なる構成であるため、最適な例ではない可能性があります。しかし、1 dt に対して 2 dd を使用する必要がある場合に何度か遭遇しました。皆さん、これは良いセマンティックですか、それとも悪いセマンティックですか?
html - overflow:hidden が ul 内の li 要素に対して機能しない
li 要素がブロックで、ul がカルーセル コンテナーである ul オブジェクトからカルーセルを作成しようとしています。私は2つのアプローチを試しましたが、うまくいかないようです.overflowプロパティは私が望むように機能していません.
アプローチ 1:
このアプローチの問題は、要素がオーバーフローしたときに要素が水平方向にスタックしないことです (これは私が望んでいること/期待していることです)。これは、li 要素の display:block が原因だと思われますが、幅/高さを固定する必要があります。これを回避する方法はありますか?
アプローチ 2:
私は JavaScript を使用して li 要素を配布し、それらの位置を絶対に設定しますが、li 要素が ul コンテナー境界の外にまだ表示されるため、overflow:hidden プロパティは「無視」されます。
問題は、ul を固定サイズの li ブロックを水平方向にスタックし、オーバーフローしたブロックを非表示にする方法です。
html - ラストのCSS変更
li
CSSを使用してリストの最後の CSS 属性を変更する方法があるかどうか疑問に思っています。の使用を検討しまし:last-child
たが、これは本当にバグがあるようで、うまく動作しません。必要に応じて JavaScript を使用しますが、CSS で解決策を考えられる人がいるかどうか知りたいです。
jquery - jQueryセレクターがlist要素内のすべてのアンカーを選択するのはなぜですか?
この単純なセレクターの問題に数時間苦労していて、明らかな何かが欠けているに違いありません。いくつ<ul>
か<li>
のがネストされたがあり<ul>
ます。それぞれ<li>
にリンクが含まれており、これをクリックすると(ナビゲートするのではなく)関数を実行したいのですが、重要なのは、これは親に含まれるリンクに対してのみ発生し<ul>
、ネストされたに存在する可能性のあるリンクに対しては発生しないこと<ul>
です。あなたが思うだろう単純な:
HTML:
jQuery:
セレクターをどのように表現しても、ネストされたリンクが<ul>
クリックハンドラーをトリガーするのを止めることはできません。それらは明らかにセレクターの基準に一致しません":has(ul)"
が、ハンドラーは何らかの理由で接続されたままになります。私はここで何が間違っているのですか?