nicht angemeldet
Matthias ApselOm nah hoo pez nyeetz, Matthias Apsel!
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>zweispaltig</title>
<style>
nav ul {
list-style: none inside none;
margin: 0;
padding: 0;
}
nav li {
margin: .1em 2em .1em;
padding: 0;
border-bottom: 2px dotted green;
}
nav a {
display: block;
text-align: right;
}
nav .title {
float: left;
}
@media (min-width: 50em) {
nav ul {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 4em;
-webkit-column-gap: 4em;
column-gap: 4em;
}
}
</style>
</head>
<body>
<nav>
<h2>Inhaltsverzeichnis</h2>
<ul>
<li><a href="#lied_04"><span class="title">Up she goes</span>4</a></li>
<li><a href="#lied_03"><span class="title">Wir fahren über's weite Meer</span>3</a></li>
<li><a href="#lied_14"><span class="title">What shall we do1</span>4</a></li>
<li><a class=neu href="#lied_65"><span class="title">Whiskey in the Jar</span>65</a></li>
<li><a href="#lied_36"><span class="title">Whisky Jonny</span>36</a></li>
<li><a href="#lied_16"><span class="title">Whoop Jamboree</span>16</a></li>
<li><a href="#lied_17"><span class="title">Windjammer</span>17</a></li>
<li><a href="#lied_19"><span class="title">Wir lagen vor Madagaskar</span>19</a></li>
</ul>
</nav>
</body>
</html>
Diese Lösung hat den Vorteil, dass die gesamte Zeile verlinkt ist und nicht bloß die Seitenzahl.
Matthias
Gunnar Bittersmann
JürgenB
Der Martin
Robert R.