問題タブ [html-lists]

番号付きリストの数字を左揃えにするにはどうすればよいですか?

番号付きリストの数字の後の文字を変更する

ol 要素で type 属性を使用する代わりに、数字からアルファベット/ローマ字のリストに変更する CSS ソリューションもあります。

私は主に Firefox 3 で動作する回答に興味があります。

私が望むのは、リスト内の箇条書きの色を明るい灰色に変更できることだけです。デフォルトは黒で、変更方法がわかりません。

画像を使用できることはわかっています。できることならやりたくない。

私のHTMLは次のとおりです。

そして私のCSS：

ただし、li の間の空白が表示されます。次のように折りたたんで空白を削除できます。

しかし、これは大部分が手作業で維持されており、よりクリーンな方法があるかどうか疑問に思っていました。

http://biochrom.fivesite.co.uk/catalogue4.asp

上のページには左に浮いた画像があります。その右側には、「機能」というタイトルのリストがあります。リスト項目には背景画像がありますが、表示されていません。リスト 2 は、背景画像がどのように見えるかを示しています。

弾丸を見えるようにする方法を知っている人はいますか?

私のシステムには、基本的に HTML と CSS スタイルで構成された垂直メニューがありますul(下のli画像を参照)。ただし、メニューよりも幅の広いアイテムをラップしたくないのでli、メニューの下部にある水平スクロールバーでオーバーフローすることをお勧めします。CSSでこれを行うにはどうすればよいですか?

私たちが提供する大学の専攻のリストを印刷しています。次に、各専攻内で、各専攻の集中度を示しています。

私たちの科学専攻は、環境科学と林業、カイロプラクティック、化学、生物学に集中しています。

これが何をしているかのスクリーンショットです：

スクリーン ショットに表示される間隔は必要ありません (人事管理 AAS と心理学の後に表示される間隔は必要ありません)。

ソースは次のようになります。

このページ（http://www.bonniesphere.com/blog/elsewhere/）では、「li」アイテムに箇条書きではなく画像が表示されます。ただし、画像は垂直方向の中央に配置され、複数行のエントリでは見栄えがよくありません。CSSに変更が必要なものがあるかどうか誰かに教えてもらえますか？

相対コードは次のとおりです。

.entry ul {list-style-type：none;} .entry ul li {padding：0 0 0 15px; background：url（img / ol.gif）no-repeat left center; margin-left：10px;}

助けてくれて本当にありがとうございます...

たとえば、次のhtmlリストがある場合、リストアイテムオブジェクトを参照する方法を知りたいです

一意の elementId を持たなくても、onclick を Item2 li に登録するにはどうすればよいでしょうか。

私の目標は、最終的には、リスト オブジェクト番号に基づいて一意のパラメーターを持つリスト オブジェクトの数について、各リスト オブジェクトに関数を割り当てることです。

これは、実際に両方が使用されているのを見たので、私がしばらく考えていたことです。

方法 1

サブリストはそのリスト項目のサブリストであるため、これは意味的に正しいように見えますが、あまりきれいではありません (List Item Content <list right next to it>)。

方法 2

よりクリーンですが、リストが項目 2 のサブリストであることを直接理解することはできません (ただし、人間の推論では理解できます)。

ちなみに、これは純粋にセマンティック マークアップの問題であり、どちらのメソッドも同じコンテンツをページに表示します。

それで、あなたはどう思いますか？可能なソースが望ましいですが、個人的な使用も良いです。MediaWiki の階層的な TOC が方法 1 を使用していることに気付きました。これが正しい使用法であると私に信じ込ませます。

このページのメニューを修正するのを手伝ってくれませんか? メニュー リスト項目には幅が定義されていないため、IE7 では幅 100% で表示されます。span.right に float: left を設定すると、問題は解決しますが、丸みを帯びた角は機能しません。可能な解決策は、適切なスパンを取り除き、パディングと背景画像をアンカーに設定することかもしれませんが、それは: a) アンカーの背景画像を使用できなくなります (この例では、無地で十分です）、b）menu.pngを個別の画像ファイルに分割する必要があります。

皆さん、何か良い案があれば教えてください。ありがとう！