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

アイテムを一覧表示するときにul-liを使用する必要があるのか​​、divを使用する必要があるのか​​がわかりません。両方をまったく同じに見えるようにできるので、順序付けられていないリストを作成することとdivを整列することの機能的な利点はどこですか？

114 html  html-lists 

タイトルはそれをかなり説明します。 専用の<nav>タグができたので、 これは： <nav> <ul> <li><a href="#foo">foo</a></li> <li><a href="#bar">bar</a></li> <li><a href="#baz">baz</a></li> </ul> </nav> 以下より良いですか？ <nav> <a href="#foo">foo</a> <a href="#bar">bar</a> <a href="#baz">baz</a> </nav> つまり、CSSのポジショニング/パディングに追加のDOMレベルが必要ない場合、どのような方法が推奨されますか？

114 html  html-lists  nav 

最初の番号を6にしたい順序付きリストがあります。これはHTML 4.01でサポートされている（現在は非推奨）ことがわかりました。この仕様では、CSSを使用して開始整数を指定できると述べています。（start属性の代わりに） CSSで開始番号をどのように指定しますか？

114 html  css  html-lists 

たとえば、リストアイテムの箇条書きとして、星印（★）を使用する必要があります。 私はCSS3モジュールを読みました。箇条書きとしてカスタムテキストを使用する方法を説明するListsですが、私にとっては機能しません。ブラウザは::marker疑似要素をサポートしていないだけだと思います。 画像を使わずにどうすればいいですか？

114 html  css  html-lists 

番号付きリストの番号を左揃えにするにはどうすればよいですか？ 1. an item // skip some items for brevity 9. another item 10. notice the 1 is under the 9, and the item contents also line up 番号付きリストの番号の後の文字を変更しますか？ 1) an item また、ol要素でtype属性を使用する代わりに、数字からアルファベット/ローマ数字のリストに変更するためのCSSソリューションがあります。 私は主にFirefox 3で動作する回答に興味があります。

109 html  css  html-lists  roman-numerals 

CSSを使用してリストアイテムを横一列に表示するにはどうすればよいですか？ #div_top_hypers { background-color:#eeeeee; display:inline; } #ul_top_hypers { display: inline; } <div id="div_top_hypers"> <ul id="ul_top_hypers"> <li>‣ <a href="" class="a_top_hypers"> Inbox</a></li> <li>‣ <a href="" class="a_top_hypers"> Compose</a></li> <li>‣ <a href="" class="a_top_hypers"> Reports</a></li> <li>‣ <a href="" class="a_top_hypers"> Preferences</a></li> <li>‣ <a href="" class="a_top_hypers"> logout</a></li> </ul> </div> コードスニペットを実行する結果を非表示スニペットを展開

106 html  css  html-lists 

順序付きリストの番号のスタイルを設定しようとしています。背景色、境界線の半径、色を追加して、作業中のデザインと一致させたいと思います。 それは不可能だと思います。番号ごとに異なる画像を使用する必要があります。 ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... より簡単な解決策はありますか？

91 html  css  html-lists  sprite 

私のウェブサイトではreset.cssを使用しています。これをリストスタイルに正確に追加します。 ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, …

90 html  css  html-lists 

Pythonで、アイテムが他のリストのアイテムと同じであるが逆の順序である新しいリストを作成する最良の方法は何ですか？（既存のリストをそのまま変更したくありません。） ここに私に起こった1つの解決策があります： new_list = list(reversed(old_list)) old_list複製して、その複製を元に戻すこともできます。 new_list = list(old_list) # or `new_list = old_list[:]` new_list.reverse() 私が見落としているより良いオプションはありますか？そうでない場合、上記のアプローチのいずれかを他のものよりも使用する説得力のある理由（効率など）はありますか？

89 python  reverse  html-lists 

順序付けられていないリストを<li>固定幅に中央揃えするにはどうすればよいdivですか？ <table width="100%"> <tbody> <tr> <td width="41%"><img src="/web/20100104192317im_/http://www.studioteknik.com/html2/html/images/hors-service.jpg" width="400" height="424"></td> <td width="59%"><p align="left"> </p> <h1 align="left">StudioTeknik.com</h1> <p><br align="left"> <strong>Marc-André Ménard</strong></p> <ul> <li>Photographie digitale</li> <li>Infographie </li> <li>Débug et IT (MAC et PC)</li> <li> Retouche </li> <li>Site internet</li> <li>Graphisme</li> </ul> <p align="left"><span class="style1"><strong>Cellulaire en suisse : </strong></span><a href="#">+41 079 573 48 99</a></p> <p …

88 css  html  html-lists 

ネストされたカウンターとスコープを使用して、順序付きリストを作成します。 ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } <ol> <li>one</li> <li>two</li> <ol> <li>two.one</li> <li>two.two</li> <li>two.three</li> </ol> <li>three</li> <ol> <li>three.one</li> <li>three.two</li> <ol> <li>three.two.one</li> <li>three.two.two</li> </ol> </ol> <li>four</li> </ol> コードスニペットを実行する結果を非表示スニペットを展開 私は次の結果を期待しています： 1. one 2. two 2.1. two.one …

87 html  css  html-lists 

リスト内の箇条書きの色を薄い灰色に変更できるようにするだけです。デフォルトは黒で、変更方法がわかりません。 画像を使用できることはわかっています。私がそれを助けることができれば、私はむしろそれをしたくありません。

86 html  css  html-lists 

HTMLリストにセマンティックキャプションを提供する適切な方法は何ですか？たとえば、次のリストには「タイトル」/「キャプション」があります。 フルーツ 林檎 梨 オレンジ 「果物」という単語は、リスト自体に意味的に関連付けられるように、どのように処理する必要がありますか？

83 html  html-lists  semantic-markup