HTMLでリストをエミュレートするにはどうすればよいですか？

私はAmazonのKindleに掲載されたときに素敵に見えるように、手でHTML文書に変換しています。しかし、私は目の見えるように目次を得ることができません。HTMLでリストをエミュレートするにはどうすればよいですか？

基本的に、私はTOCには、ご注文のリストではなく、カスタムリストのアイテムを取得したい何のようなものを見てみたい：内容の

表
はじめに：私の例

第一章
りんご
Yadda Yadda ...

Epiogue：エンドリストで
付録

私は「1」と自分自身を整列させる「はじめに」、「エピローグ」、および「付録」のラベルを取得できますか、「2」と「3」を？序文とエピローグのタイトル（「My Example」、「The End」）を他の章のタイトルと合わせるにはどうすればよいですか？私はおそらく実際のHTMLのリストのタグになることはできませんが、どのように外観を実現するかもしれないことを実現？

注 - これはKindleでレンダリングする必要があります。いいえjavascriptや何か派手な。

EDIT：

このようなものは前に頼まれている場合、私はごめんなさい。私はこの質問を簡潔に表現する方法を見つけ出すことはできません。それは難しいことを探すことになります。

出典

2011-08-07 Cybis

完全に整列させるには、数字の左の列と項目の「はじめに」と「エピローグ」と右の列の2つの列を持つ「

」タグを使用するだけでいいのではないかと心配しています。 –

答えて

を揃える必要があるなし箇条書きのマーカーと番号なしリストに入れたが次の基本的なHTMLとCSSが動作するはずです。

HTML：

<h2>Table of Contents</h2> 
<ol id="toc"> 
    <li class="no">Preface: My Example</li> 
    <li value="1">The First Chapter</li> 
    <li>Apples</li> 
    <li>Yadda Yadda...</li> 
    <li class="no">Epilogue: The End</li> 
    <li class="no">Appendix</li> 
</ol>

CSS：

#toc {margin:0; padding:0; } 
#toc li { margin:0 0 .5em 1.25em; } 
#toc li.no { margin-left:0; list-style:none; }

デモ：jsfiddle.net/BdfEE

なお、第2上で非推奨value属性を使用していますしかしそれがうまくいくならば。もしあなたが注文リストの番号付けを変更するのtry the CSS methodすることはできませんが、私はこれはおそらく、KindleのCSS機能に応じて動作しないと思います。

出典

2011-08-07 09:26:20 Marcel

これは完璧に見えます。ありがとうございました。私が求めたもの（つまり、「My Example」と「The End」は「Apples」や「Yadda Yadda ...」と一致しません）。しかし、私が尋ねたことは、ちょっと変わったように見えます。今は遅いので、明日テストして、Kindleでどのようにレンダリングされているかを見ていきます。 – Cybis

@Cybis：ああ、そうです。私の誤りは正しく読まない。 Shadow Wizardが言ったように、おそらくテーブルがあなたの最善の策です。 – Marcel

私は特にKindleの上でレンダリングするためのHTMLの書式経験を持っていたと言うことはできません、彼らは他のリストと

<ul style='list-style-type: none;'>

出典

2011-08-07 09:02:46

弾丸マーカーが必要です。私は章のタイトルを目次に表示させたくありません。私はチャプター番号も欲しがっていて、通常は本の中で見られるようにインデントされています。 – Cybis

この例を参照してください：http://jsfiddle.net/WpgRj/ –

HTMLでリストをエミュレートするにはどうすればよいですか？

答えて

関連する問題