diedVIPs

html knowhow

Menü seitlich feststehend











Seitliches, feststehendes Menü

So sieht´s aus
Quellcode
<html>
<head>
Hier nichts

<style type="text/css">
.div.banner {margin: 0;font-size: 80% /*kleiner*/;font-weight: bold;line-height: 1.1;text-align: center;position: fixed;top: 2em;left: auto;width: 8.5em;right: 2em;}
div.banner p {margin: 0;padding: 0.3em 0.4em;font-family: Arial, sans-serif;background: #900;border: thin outset #900;color: white;}
div.banner a, div.banner em { display: block; margin: 0 0.5em }
div.banner a, div.banner em { border-top: 2px groove #900 }
div.banner a:first-child { border-top: none }
div.banner em { color: #CFC }
div.banner a:link { text-decoration: none; color: white }
div.banner a:visited { text-decoration: none; color: #CCC }
div.banner a:hover { background: black; color: white }
</style>
<head>

<body >
<div class="banner">
<p>
<a href="#"><img style="width:30%" alt="W3C" src="../bilder/HKHlogo.png" /></a>
<a href="#">Aktivitäten</a>
<a href="#">Tech.&nbsp;Berichte</a>
<a href="#">Seiten Index</a>
<a href="#">übersetzungen</a>
<a href="#">Software</a>
<a href="#">Suche</a>
</div>
</body>

</html>







Kontakt    Datenschutz    Impressum