Sorry, der hat bei mir die Pfade umbenannt beim kopieren. So müsste es klappen
<!DOCTYPE HTML>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="description" content="kiwi_kirsch, hamburg, north germany, bikemessenger, lockbelt, photos, inline kurier, dawanda, flickr, facebook, lastfm, twitter, fahrradkurier-forum">
<meta name="author" content="kiwi_kirsch">
<meta name="Copyright" content="Copyright © 2011">
<title>
The strange Trace of Dr.Kiwi and Mr.Kirsch
</title>
<link rel="shortcut icon" type="image/gif" href="http://fahrradkurier-forum.de/kiwi_test/favicon.gif">
<script src="img/html5.js"></script>
<style>
header {
height:100px;
}
header h1 {
display: block;
width:100%;
height:100px;
text-indent:-99999px;
}
body {
margin: 0 50px;
}
#mainwrapper {
margin: 0 auto;
width: 800px;
}
footer {
clear: both;
display: block;
text-align: center;
}
footer img {
border: 0;
}
nav {
width:180px;
float: left;
overflow:hidden;
}
nav ol {
list-style-type: none;
margin:0;
padding:0;
}
nav ol li {
padding: 0;
margin: 0;
width: 163px;
}
nav ol li a {
width: 163px;
height: 100%;
position: absolute;
text-decoration: none;
}
#content {
width: 600px;
height: 500px;
float:left;
background: url(img/main_logo.png) no-repeat transparent;
background-position: 50% 0;
}
#dawanda{
background: url(img/nav_job_1_dawanda.png) no-repeat;
}
#dawanda:hover{
background: url(img/nav_job_red_1_dawanda.png) no-repeat;
}
#inline{
background: url(img/nav_job_2_inline.png) no-repeat;
}
#inline:hover{
background: url(img/nav_job_red_2_inline.png) no-repeat;
}
#hansa{
background: url(img/nav_job_3_rghansa.png) no-repeat;
}
#hansa:hover{
background: url(img/nav_job_red_3_rghansa.png) no-repeat;
}
#msp{
background: url(img/nav_job_4_msp-bikes.png) no-repeat;
}
#msp:hover{
background: url(img/nav_job_red_4_msp-bikes.png) no-repeat;
}
#flickr{
background: url(img/nav_web_1_flickr.png) no-repeat;
}
#flickr:hover{
background: url(img/nav_web_grey_1_flickr.png) no-repeat;
}
#facebook{
background: url(img/nav_web_2_facebook.png) no-repeat;
}
#facebook:hover{
background: url(img/nav_web_grey_2_facebook.png) no-repeat;
}
#lastfm{
background: url(img/nav_web_3_lastfm.png) no-repeat;
}
#lastfm:hover{
background: url(img/nav_web_grey_3_lastfm.png) no-repeat;
}
#twitter{
background: url(img/nav_web_4_twitter.png) no-repeat;
}
#twitter:hover{
background: url(img/nav_web_grey_4_twitter.png) no-repeat;
}
</style>
</head><body>
<div id="mainwrapper">
<header>
<h1>double k - bikemessenger stuff Made in North Germany</h1>
</header>
<section id="content">
<a style="text-decoration: none;" rel="nofollow" target="_self" href="http://fahrradkurier-forum.de/kiwi_test/404.html"></a>
</section>
<nav>
<ol>
<li style="height:35px;">
<a target="_blank" href="http://kiwikirsch.dawanda.de/" id="dawanda"></a></li>
<li style="height:65px;">
<a target="_blank" href="http://www.inline-kurier.de/" id="inline"></a></li>
<li style="height:27px;">
<a target="_blank" href="http://rghansa.de/hansaweb/index.php?option=com_content&view=category&layout=blog&id=19&Itemid=32" id="hansa"></a></li>
<li style="height:45px;">
<a target="_blank" href="http://www.msp-bikes.de/" id="msp"></a></li>
<li style="height:57px;">
<a target="_blank" href="http://flickr.com/kiwi_kirsch/" id="flickr"></a></li>
<li style="height:41px;">
<a target="_blank" href="http://facebook.com/kiwikirschdawandade" id="facebook"></a></li>
<li style="height:49px;">
<a target="_blank" href="http://www.lastfm.de/user/kiwi_kirsch/" id="lastfm"></a></li>
<li style="height:36px;">
<a target="_blank" href="http://twitter.com/kiwi_kirsch/" id="twitter"></a></li>
</ol>
</nav>
<footer>
<p><a href="http://fahrradkurier-forum.de/" target="_blank"><img src="img/foot_forum.png" alt="Fahrradkurier-Forum"></a></p>
<p><a target="_self" href="http://fahrradkurier-forum.de/kiwi_test/impressum.html" onmouseover="austausch9.src='img/foot_impressum_red.png';" onmouseout="austausch9.src='img/foot_impressum_grey.png';">
<img src="img/foot_impressum_grey.png" id="austausch9"></a></p>
<p><img src="img/foot_kiwi.png"></p>
</footer>
</div>
</body></html>
Anmelden
FAQ/Impressum
Suche
