タグ付けされた質問 「html-lists」

W3ドキュメントには、接頭辞がの付いたネストされたリストの例DEPRECATED EXAMPLE:がありますが、非推奨ではない例で修正することはなく、例の何が問題であるかを正確に説明していません。 これらの方法のうち、HTMLリストを作成する正しい方法はどれですか。 オプション1：入れ子<ul>は親の子です<ul> <ul> <li>List item one</li> <li>List item two with subitems:</li> <ul> <li>Subitem 1</li> <li>Subitem 2</li> </ul> <li>Final list item</li> </ul> オプション2：入れ子<ul>は<li>それが属する子 <ul> <li>List item one</li> <li>List item two with subitems: <ul> <li>Subitem 1</li> <li>Subitem 2</li> </ul> </li> <li>Final list item</li> </ul>

500 html  html-lists  nested-lists 

箇条書きの箇条書きまたは10進数がすべて上位のテキストブロックと揃っている「内部」リストが欲しいのですが。リストエントリの2行目は、1行目と同じインデントにする必要があります。 例えば： Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, 1. Text 2. Text 3. longer Text, longer Text, longer Text, longer Text, longer Text, longer Text …

260 html  css  html-lists 

ダッシュ（つまり-または– –または— —）を使用してHTMLでリストスタイルを作成する方法はありますか？ <ul> <li>abc</li> </ul> 出力： - abc 私はそのようなことでこれを行うことが思い浮かびましたが、私li:before { content: "-" };はそのオプションの短所を知りません（そしてフィードバックが非常に義務付けられます）。 より一般的には、リストアイテムに一般的な文字を使用する方法を知っていてもかまいません。

222 html  css  xhtml  html-lists 

次のHTMLで、リストを2列として表示する最も簡単な方法は何ですか？ <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> <li>E</li> </ul> 望ましい表示： A B C D E このソリューションは、Internet Explorerで機能する必要があります。

215 html  css  html-lists  css-multicolumn-layout 

またはで、弾丸がどれだけの水平方向のスペースを<li>右に押すかを制御したいと思います。<ol><ul> つまり、常に持っている代わりに * Some list text goes here. それを変えられるようにしたい * Some list text goes here. または *Some list text goes here. 見回したが、ブロック全体を左または右にシフトするための指示しか見つかりませんでした。たとえば、http：//www.alistapart.com/articles/taminglists/

177 html  css  html-lists 

Bitbucketページからブラウザでライブで表示したときに、対応するインデントでレンダリングされたマークダウンネストリストアイテムを表示しようとしています。しかし、私は彼らの例を使用した場合でもそれがどのように機能するのか理解できません（更新）： * Item 1 * Item 2 * Item 3 * Item 3a * Item 3b * Item 3c 項目3a〜cのインデントは無視されます。 私はそれをこのように見せたいです（構文はSEとGithubで完全にうまく機能します）： リストの例の彼らのリストは特に受け入れられません： 1. Step 1 2. Step 2 3. Step 3 * Item 3a * Item 3b * Item 3c ここだレポ私はちょうどこのために設定が。

172 html-lists  markdown  bitbucket  nested-lists 

list-style-imageの位置を調整する方法はありますか？ リストアイテムにパディングを使用すると、画像はその位置に留まり、パディングで移動しません...

169 css  image  html-lists 

次のリストがあります。 <ul id="otis"> <li>Benz</li> <li>Other Benz</li> <li>Other Other Benz</li> </ul> 弾丸を取り除きたいので、試しました： ul#otis { list-style-type: none; } それでもうまくいきませんでした。表示されたリストから箇条書きを削除する適切な方法は何ですか？

163 html  html-lists 

font-awesome（または他のアイコンフォント）クラスを使用してカスタムを作成することが可能かどうか疑問に思っています <li>リストスタイルタイプですか？ 私は現在、これを行うためにjQueryを使用しています。つまり、 $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); ただし、これは適切にスタイル設定されません <li>アイコンが実際の行頭文字ではなくテキストの一部であると見なされるためテキストがページ全体に回り込む。 任意のヒント？

156 css  html-lists  font-awesome 

リストの長い行が折り返されると、順序付けられていないリストからインデントを削除できないようです。私のリストは次のようになります： Windowsユーザーはputtyを使用できます MacユーザーはTerminal.appを使用できます LinuxユーザーはSSH userid@ourserver.comポート22を使用できます ...........>または、Cyber​​duckのようなSFTPプログラムを使用して、それを........................... ..............> ourserver.com、ポート22 （ドットはインデントを示します） 私はたくさんの解決策を読み、テキストインデント、リストスタイルを使用してマージンとパディングをゼロに設定しようとしましたが、何も機能しません。問題は、リストの上に中央揃えする必要がある見出しがあるため、マージンをautoに設定してから、下のリストをめちゃくちゃにしていることだと思います。しかし、たとえ親div内に2つのdivを配置しても機能しません。 ここにHTML / CSSがあります（他のすべてのソリューションが失敗する原因となっている設定がある場合は、すべてを含めました） <div id="info"> <p><strong>Did you know you can SSH directly to ourserver.com?</strong> </p> <ul> <li>Windows users can use putty</li> <li>Mac users can use the <a href="http://www.terminfo.org">Terminal.app</a></li> <li>Linux users can use SSH userid@ourserver.com port 22</li> <li>Or use an SFTP …

154 html  css  html-lists 

内で使用できるタグのリストを検索してきました<li>が、参照が見つかりませんでした。 標準に準拠したHTML 4+ブロック要素が許可されている可能性はありますか？

132 html  html-lists 

リストからすべてのリスト要素をクリアするjQueryコマンドを忘れました。私は少し検索しましたが、以前に何度も検索しましたが、コマンドを忘れてしまいました。 $("ul").clear() $("ul").empty() どちらもこれを達成していないようでした。どちらのコマンドが再びですか？ 更新： みんなありがとう、セレクタに構文エラーがあるはずです。

124 javascript  jquery  html-lists 

これはしばらくの間私を悩ませてきました、そして私はこれを適切に行う方法についてコンセンサスがあるかどうか疑問に思っています。HTMLリストを使用している場合、意味的にリストのヘッダーを含めるにはどうすればよいですか？ 1つのオプションはこれです。 <h3>Fruits I Like:</h3> <ul> <li>Apples</li> <li>Bananas</li> <li>Oranges</li> </ul> しかし、意味的には、<h3>見出しは明示的に関連付けられていません<ul> 別のオプションはこれです： <ul> <li><h3>Fruits I Like:</h3></li> <li>Apples</li> <li>Bananas</li> <li>Oranges</li> </ul> しかし、見出しは実際にはリストアイテムの1つではないため、これは少し汚いようです。 このオプションはW3Cでは許可されていません。 <ul> <h3>Fruits I Like:</h3> <li>Apples</li> <li>Bananas</li> <li>Oranges</li> </ul> よう<ul>さんは一つ以上含むことができます<li>s 'を 古い「リスト見出し」<lh>が最も理にかなっています <ul> <lh>Fruits I Like:</lh> <li>Apples</li> <li>Bananas</li> <li>Oranges</li> </ul> もちろん、それは正式にはHTMLの一部ではありません <label>フォームと同じように使用するよう提案されていると聞きました： <ul> <label>Fruits I Like:</label> <li>Apples</li> <li>Bananas</li> <li>Oranges</li> …

120 html  html-lists 

私のウェブページには「細い」リストがあります。たとえば、それぞれ1単語の長さの100アイテムのリストです。スクロールを減らすために、このリストをページの2列または4列に表示したいと思います。CSSでこれを行うにはどうすればよいですか？ <ul> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> </ul> コードスニペットを実行する結果を非表示スニペットを展開 リストが200アイテムに増えても、新しいリストに対応するために多くの手動調整を行う必要がないように、私はソリューションが柔軟であることを好みます。

119 css  html-lists 

<ul>要素内では、行間の垂直方向の間隔をline-height属性でフォーマットできることは明らかです。 私の質問は、<ul>要素内で、リストアイテム間の垂直間隔を設定するにはどうすればよいですか？

115 html  css  html-lists