datenspuren: non-scrolling <nav/>

This commit is contained in:
Astro 2015-09-19 01:48:24 +02:00
parent 5d20c3c6f4
commit 770068bf9a
3 changed files with 11 additions and 5 deletions

View File

@ -15,7 +15,7 @@
--> -->
<p class="center"> <p class="center">
<link href="https://www.openstreetmap.org/node/1674428951"> <link href="https://www.openstreetmap.org/node/1674428951">
<image title="Die TSD auf OpenStreetMap">images/osm.png</image> <image class="bordered" title="Die TSD auf OpenStreetMap">images/osm.png</image>
Auf OpenStreetMap öffnen. Auf OpenStreetMap öffnen.
</link> </link>
</p> </p>

View File

@ -13,6 +13,7 @@ nav {
left: 0; left: 0;
right: 0; right: 0;
text-align: center; text-align: center;
z-index: 5; // on top of <article>
} }
nav ul { nav ul {
list-style-type: none; list-style-type: none;
@ -25,10 +26,11 @@ nav li {
min-width: 8em; min-width: 8em;
display: inline-block; display: inline-block;
margin: 0 0 1em; margin: 0 0 1em;
border-left: 2.5px solid black; border-left: 2px solid black;
border-right: 2.5px solid black; border-right: 2px solid black;
border-bottom: 2.5px solid black; border-bottom: 2px solid black;
border-radius: 0 0 2em 2em; border-radius: 0 0 2em 2em;
background-color: rgba(255, 255, 255, 0.8);
} }
nav li a { nav li a {
display: inline-block; display: inline-block;
@ -66,6 +68,10 @@ a {
text-decoration: none; text-decoration: none;
} }
.bordered {
border: 2px solid black;
}
.block{ .block{
display: block; display: block;
white-space: pre; white-space: pre;

View File

@ -35,7 +35,7 @@
<xsl:with-param name="title" select="$title"/> <xsl:with-param name="title" select="$title"/>
</xsl:call-template> </xsl:call-template>
<body> <body>
<nav data-stellar-ratio="5"> <nav data-stellar-ratio="0">
<ul> <ul>
<li> <li>
<a href="index.html">Start</a> <a href="index.html">Start</a>