MobileRead Forums - View Single Post

ariefcfa · 12-13-2018, 03:25 AM

Hi,

I need help about creating Table of Contents like below:

Spoiler:

I try to look at the Calibre's Edit Book, part of the code are:

Code:

  <head>
    <title>Readability - 09/23/14</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <link href="stylesheet.css" rel="stylesheet" type="text/css"/>
<link href="page_styles.css" rel="stylesheet" type="text/css"/>
</head>
  <body class="calibre">
<h1 id="filepos212" class="calibre1">Readability - 09/23/14</h1>
<ul class="calibre2">
<li class="calibre3">
<a href="index_split_001.html#filepos1865">The Failure of the UN: Rebuilding from the Ruins</a>
</li>

and the sytlesheet.css for "calibre2" and "calibre3" are:

Code:

.calibre_2 {
    color: black;
    font-size: 0.75em
    }
.calibre1 {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.2;
    margin: 0.67em 0
    }

I tried to replicate the pattern above but no succeed, the Table Of Contents is still displayed as "list" not like "table".

Please suggest me about what to do. I don't have skill in coding, only a very bit.

Thanks.