Matthias Apsel: bessere Lösung fürs Archiv (2-spaltig in 2-spaltig)

Beitrag lesen

Om nah hoo pez nyeetz, Linuchs!

<!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 {  
                float: right;  
            }  
            @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>Up she goes<a href="#lied_04">4</a></li>  
                <li>Wir fahren über's weite Meer<a href="#lied_03">3</a></li>  
                <li>What shall we do<a href="#lied_14">14</a></li>  
                <li>Whiskey in the Jar<a class=neu href="#lied_65">65</a></li>  
                <li>Whisky Jonny<a href="#lied_36">36</a></li>  
                <li>Whoop Jamboree<a href="#lied_16">16</a></li>  
                <li>Windjammer<a href="#lied_17">17</a></li>  
                <li>Wir lagen vor Madagaskar<a href="#lied_19">19</a></li>  
            </ul>  
        </nav>  
    </body>  
</html>

eine weitere Alternative folgt.

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Mark und Markise.