<html>
<head>
<meta name="description" content="Doppelwhoppers surf in">
<meta name="author" content="Doppelwhopper">
<meta name="keywords" content="Doppelwhopper">
<title>Doppelwhoppers surf in</title>
<style type="text/css">
body {
font: normal 100.01% Helvetica, Arial, sans-serif;
color: black;
background-color: #4978FC;
text-align: center;
}
div#Rahmen {
width: 47.1em;
padding: 0.8em;
border: 1px solid black;
background-color: silver;
}
* html div#Rahmen { /* Korrektur fuer IE 5.x */
width: 48.7em;
w\idth: 47.1em;
}
div#Rahmen div {
clear: left;
}
ul#Navigation {
margin: 0; padding: 0;
text-align: center;
}
ul#Navigation li {
list-style: none;
float: left;
width: 8.6em;
position: relative;
margin: 0.4em; padding: 0;
}
* html ul#Navigation li { /* Korrektur fuer den IE 5 und 6 */
margin-bottom: -0.4em;
}
*:first-child+html ul#Navigation li { /* Korrektur fuer den IE 7 */
margin-bottom: -0.1em;
}
ul#Navigation li ul {
margin: 0;
padding: 0;
position: absolute;
top: 1.7em;
left: -0.4em;
}
* html ul#Navigation li ul { /* Korrektur fuer IE 5.x */
left: -1.5em;
lef\t: -0.4em;
}
ul#Navigation li ul li {
float: none;
display: block;
margin-bottom: 0.2em;
}
ul#Navigation a, ul#Navigation span {
display: block;
padding: 0.2em 1em;
text-decoration: none;
font-weight: bold;
border: 1px solid black;
border-left-color: white;
border-top-color: white;
color: maroon;
background-color: #ccc;
}
* html ul#Navigation a, * html ul#Navigation span { /* nur fuer IE erforderlich */
width: 100%;
w\idth: 6.4em;
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
border-color: white;
border-left-color: black;
border-top-color: black;
color: white;
background-color: gray;
}
li a#aktuell { /* aktuelle Rubrik kennzeichnen */
color: maroon;
background-color: silver;
}
ul#Navigation li ul span { /* aktuelle Unterseite kennzeichnen */
background-color: maroon;
}
/* Erweiterung zur dynamischen Ein-/Ausblendung */
ul#Navigation li>ul {
display: none;
top: 1.6em;
}
ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul {
display: block;
}
/* Workaround fuer den IE 7 */
*:first-child+html ul#Navigation ul {
background-color:silver;
padding-bottom:0.4em;
}
</style>
</head>
<body>
<div id="Rahmen"><ul id="Navigation">
<li><a href="http://doppelwhopper.npage.de/willkommen_18273900.html">Home</a></li>
<li><a href="#Beispiel">Flohmarkt</a>
<ul>
<li><a href="http://doppelwhopper.npage.de/shop_53405517.html">Jörgs-Möbel</a></li>
<li><a href="#Beispiel">noch nix</a></li>
<li><a href="#Beispiel">noch nix</a></li>
<li><a href="#Beispiel">noch nix</a></li>
</ul>
</li>
<li><a href="#Beispiel">Hobbys</a>
<ul>
<li><a href="http://doppelwhopper.npage.de/computer_44002657.html">Computer</a></li>
<li><a href="http://doppelwhopper.npage.de/motorraeder_67345464.html">Motorräder</a></li>
<li><a href="http://doppelwhopper.npage.de/fotografie_28232961.html">Fotografie</a></li>
</ul>
</li>
<li><a href="#Beispiel">Urlaub</a>
<ul>
<li><a href="http://doppelwhopper.npage.de/griechenland_11754182.html">Griechenland</a></li>
<li><a href="http://doppelwhopper.npage.de/norwegen_12020690.html">Norwegen</a></li>
</ul>
</li>
<li><a href="#Beispiel">Kontakt</a>
<ul>
<li><a href="http://doppelwhopper.npage.de/impressum_26773186.html">Impressum</a></li>
<li><a href="http://doppelwhopper.npage.de/shoutbox_54395100.html">Shoutbox</a></li>
<li><a href="http://doppelwhopper.npage.de/partner-links_89261889.html">Partner-Links</a></li>
<li><a href="mailto:doppelwhopper55@gmx.de?subject=">Kontakt</a></li>
</ul>
</li>
</ul><div></div>
</div>
<big><b><font color="#FFFF00"><font size="+7"><font face="Monotype corsiva">Herzlich willkommen in Doppelwhopper's surf in</b></big></font></center></font></font>
<table border="0" cellspacing="5"cellpadding="2">
<tr>
<td><img style="border:0px;" alt="npage - suzuki-kl.jpg" src="http://file1.npage.de/001306/24/bilder/suzuki-kl.jpg" /></td>
<td><Center><h2><font color="red">Meine ersten</br > Gehversuche in HTML.</br >Haben schon ganz gut geklappt.</br >Vor allem ohne Programm, rein</br >Editor-erstellt</h2></center></font></td>
<td><img style="border:0px;" alt="npage - suzuki-kl1.jpg" src="http://file1.npage.de/001306/24/bilder/suzuki-kl1.jpg" /></td>
<td><Center><h2>Möchte dabei bereits schon mal eine meiner Leidenschaften hervorheben. Eben Motorräder, insbesondere die Super-Sportler</h2></center></td>
</tr>
<tr>
<td><Center><h2>Ein weiteres mit Hingabe betriebenes Hobby</br > ist die Welt rund um den Computer. Hardware,</br > Software und</br > Betriebssysteme.</h2></center></td>
<td><img style="border:0px;" alt="npage - ducati-kl.jpg" src="http://file1.npage.de/001306/24/bilder/ducati-kl.jpg" /></td>
<td><Center><h2><font color="red">Nun, wegen Zeitmangel</br > wird die Seite nur langsam wachsen, aber sie wird.</br > Nächster Schritt,</br > eine Navigation einbauen:-)</br ></h2></center></font></td>
<td><img style="border:0px;" alt="npage - yamaha-kl.jpg" src="http://file1.npage.de/001306/24/bilder/yamaha-kl.jpg" /></td>
</tr>
</table>
</body>
</html>
FAQ
Suchen
Mitgliederliste
Benutzergruppen
Registrieren
Profil
Einloggen, um private Nachrichten zu lesen
Login
Aber es muss ja was geben da andere dynamische Navigationen ja auch unter IE laufen.