KTP wrote:
> Kan man lave en indholdsfortegnelse i stil med dette i html:
> Indholdsfortegneler........side 0
> Kapitel 1......................side 1
> Konklusion....................side 2
>
> Men det skal være sådan, side tallene står lige under hinanden..
> altså lige som Word kan lave tabulator, med punktummer som "fyld"
Du kan muligvis benytte dig af følgende CSS og HTML:
CSS:
/* Angiver et punkt i indholdsfortegnelsen */
..punkt {
margin-bottom: 0.5em;
}
/* Overskriften til det enkelte punkt */
..overskrift {
float: left;
padding-right: 0.5em;
border-bottom: 2px solid #fff;
font-style: italic;
}
/* Sidetallet */
..side {
float: right;
text-align: right;
width: 2em;
border-bottom: 2px solid #fff;
}
/* Hvad der end skal være af fyld */
..blank {
border-bottom: 2px dotted #000;
}
HTML:
<div class="punkt">
<div class="overskrift">Indledning</div>
<div class="side">1</div>
<div class="blank"> </div>
</div>
<div class="punkt">
<div class="overskrift">Et afsnit</div>
<div class="side">2</div>
<div class="blank"> </div>
</div>
<div class="punkt">
<div class="overskrift">Et andet afsnit</div>
<div class="side">3</div>
<div class="blank"> </div>
</div>
Ulempen ved ovenstående løsning er, at en div med klassen "blank"
tegner en prikket border, mens div'er med klasserne "overskrift" og
"side" hver især tegner en ny border ovenover.
I det her tilfælde tegnes først en sort, prikket border, og derefter
et par hvide, solide borders. Løsningen er altså kun velegnet til
sider med en "fast" baggrund - altså ren farve, ingen billeder.
Alternativt kan du også indsætte et billede som baggrund, så du kan
få f.eks. firkanter, små mus eller lyserøde elefanter til at fylde ud
mellem overskrift og sidetal. I så fald skal du huske at angive et
passende baggrundsbillede til disse, så de kan "overskrive" den anden
baggrund.
Der findes højst sandsynlig mere elegante løsninger, men det her er,
hvad jeg umiddelbart kunne finde på.
--
Anders Thorsen Holm |
http://www.daimi.au.dk/~zoolook/
Overvejer du at købe en DVD-afspiller? Så hold dig fra Fredgaard!
Læs hvorfor:
http://www.daimi.au.dk/~zoolook/?page=fredgaard