Das Style-Sheet dieser Seite:
body {
font: 15px sans-serif;
background-color: #fff;
color: #000;
padding: 0;
margin: 0;
}
DIV#sitemap {
padding: 1em 1.5em;
line-height: 20px;
}
DIV#sitemap LI {
padding: 0 0 0 24px;
margin: 0;
list-style-type: none;
}
DIV#sitemap LI {
background: url(//graphics/extm.gif)
no-repeat
0% 0%;
}
DIV#sitemap LI.last {
background: url(//graphics/exlm.gif)
no-repeat
0% 0%;
}
DIV#sitemap A.file {
background: url(//graphics/exfilebw.gif)
no-repeat
0% 0%;
padding: 0 0 0 17px;
}
DIV#sitemap A.file:hover {
background: url(//graphics/exfilecolor.gif)
no-repeat
0% 0%;
padding: 0 0 0 17px;
}
DIV#sitemap A.folder {
background: url(//graphics/exfolderbw.gif)
no-repeat
0% 0%;
padding: 0 0 0 23px;
}
DIV#sitemap A.folder:hover {
background: url(//graphics/exfoldercolor.gif)
no-repeat
0% 0%;
padding: 0 0 0 23px;
}
DIV#sitemap UL {
padding: 0 0 0 24px;
margin: 0 0 0 -24px;
list-style-type: none;
}
DIV#sitemap UL {
background: url(//graphics/exim.gif)
repeat-y
0% 0%;
}
DIV#sitemap UL.last {
background-image: none;
}
Das HTML für die Sitemap:
<div id="sitemap">
<ul class="last">
<li><a class="folder" href="">Abschnitt</a>
<ul>
<li><a class="folder" href="">Kapitel</a>
<ul>
<li><a class="file" href="">Unterkapitel</a></li>
<li class="last"><a class="file" href="">Unterkapitel</a></li>
</ul>
</li>
<li class="last"><a class="folder" href="">Kapitel</a>
<ul class="last">
<li><a class="file" href="">Unterkapitel</a></li>
<li><a class="file" href="">Unterkapitel</a></li>
<li class="last"><a class="file" href="">Unterkapitel</a></li>
</ul>
</li>
</ul>
</li>
<li class="last"><a class="folder" href="">Abschnitt</a>
<ul class="last">
<li><a class="folder" href="">Kapitel</a>
<ul>
<li><a class="file" href="">Unterkapitel</a></li>
<li class="last"><a class="file" href="">Unterkapitel</a></li>
</ul>
</li>
<li class="last"><a class="folder" href="">Kapitel</a>
<ul class="last">
<li class="last"><a class="file" href="">Unterkapitel</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>