Ja, jeg har kigget lidt nærmere på det, og det SER jo godt ud, så pyt..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="
http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="noindex,follow">
<meta name="description" content="All you'd ever whant to know about Lasse Underbjerg, a danish creative, art director, photographer, DJ, direcor, producer, artist, and much more. " />
<meta name="keywords" content="Lasse Underbjerg, Lasse, Underbjerg, Underberg, Lasse Underberg, LasseU, Creative, Art Director, Denmark, Danish " />
<title>LasseU // Lasse Underbjerg personal online hub</title>
<style type="text/css">
<!--
div.menu {
position: absolute;
left:0px;
top: 0px;
width: 160px;
height: 100%;
display: block;
z-index: 5;
background: #cbcbcb url(images/navtile.jpg) repeat-y left top;
overflow: hidden;
box-shadow: 0 0 5px #424242;
-moz-box-shadow: 0 0 5px #424242;
-webkit-box-shadow: 0 0 5px #424242;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
div.content {
position: absolute;
left:160px;
top: 0px;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
background-color:#fff;
box-shadow: 0 0 5px #424242;
-moz-box-shadow: 0 0 5px #424242;
-webkit-box-shadow: 0 0 5px #424242;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
html,body{
margin: 0;
padding : 0;
width: 100%;
height: 100%;
overflow: hidden;
}
body{
width: 100%;
height: 100%;
padding : 0;
overflow: hidden;
font: 12px "Lucida Grande", Helvetica, Sans-serif;
line-height: 1.5; /*unitless for proper inheritance*/
}
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
z-index: 100;
}
#nav li {
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #aeaeae;
}
#nav a:link, #nav a:visited {
display: block;
line-height: 38px;
padding: 0 10px 0 20px;
position: relative;
z-index: 100;
font-weight: bold;
color: #333333;
text-decoration:none;
text-shadow: 0 1px 0 #fff;
}
#nav li.home a span {
display: block;
}
#nav .current_page_item, #nav .current-cat {
border-top: 1px solid #b1b1b1;
border-bottom: 1px solid #b1b1b1;
}
#nav .current_page_item a, #nav .current_page_item a:hover, #nav .current-cat a, #nav .current-cat a:hover {
color: #000;
background: #fff url(images/navcurrent.jpg) repeat-y left top;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
#nav a:hover {
color: #000;
background: url(images/navhover.png) no-repeat right center;
text-decoration:none;
text-shadow: 0 1px 0 #fff;
}
-->
</style>
<script type="text/javascript">
function kliklink(element)
{
var liste=document.getElementById("nav").children
for(var a=0;a<liste.length;a++)
{
liste[a].setAttribute("class","page_item")
liste[a].setAttribute("className","page_item") // nogle iE'er skal ha' den med ske
}
element.setAttribute("class","page_item current_page_item")
element.setAttribute("className","page_item current_page_item") // nogle iE'er skal ha' den med ske
}
</script>
<base target="content">
</head><body>
<div class="menu"><ul id="nav">
<li class="page_item current_page_item" onClick="kliklink(this)"><a href="front.html" title="Home"><span>LasseU</span></a></li>
<li class="page_item" onClick="kliklink(this)"><a href="
http://google.dk" title="About Me">Google test</a></li>
<li class="page_item" onClick="kliklink(this)"><a href="
http://google.dk" title="About Me">Menu 3</a></li>
<li class="page_item" onClick="kliklink(this)"><a href="
http://vimeo.com/moogaloop.swf?clip_id=9446496" title="About Me">Vimeo direct</a></li>
</ul></div>
<div class="content"></div>
</body></html>
- hvis ellers det kommer uskadt igennem Eksperten.. (plejer at lykkes)
