@charset "UTF-8";
/* CSS Document */
html{
height:100%;
margin-bottom:1px;
padding:0px;
margin:0px;
}
body{
margin:0px;
padding:0px;
background-color:#FFFFFF;
}
a:link{
text-decoration:none;
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
a:visited{
text-decoration:none;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
a:active{
text-decoration:none;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
a:hover{
text-decoration:underline;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
p{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:small;
}
h3{
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#belte{
position:relative;
background-color:#006699;
width:100%;
height:50px;
top:300px;
}
#maincontent{
position:relative;
top:0px;
margin:0 auto;
background-image:url(hjem.png);
background-repeat:no-repeat;
width:850px;
height:650px;
}
#textbox{
overflow:auto;
position:absolute;
width:490px;
height:200px;
left:230px;
top:400px;
padding:5px 5px 5px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
text-align:left;
}
#menuwrapper{
position:absolute;
left: -205px;
list-style: none;
top:-215px;
}
#meny{
position:absolute;
list-style: none;
top:10px;
left: 18px;
}
#meny li, #meny li a{
display: block;
width: 65px;
height: 60px;
margin-top:20px;
}
#meny li a span{
display:none;
}
#meny-hjem { background:url(bildeknapp1.png) no-repeat;
}
#meny-studio { background:url(bildeknapp2.png) no-repeat;
}
#meny-utstyr { background:url(bildeknapp3.png) no-repeat;
}
#meny-erfaring { background:url(bildeknapp4.png) no-repeat;
}
#meny-kontakt { background:url(bildeknapp5.png) no-repeat;
}
#navcontainer{
position:absolute;
width:390px;
padding-left: 0;
list-style: none;
top:365px;
left:340px;
padding:0px;
z-index:1;
}
#navlist li{
display:inline;
list-style-type:none;
padding-right:20px;
left:20px;
}
#bilde{
float:left;
margin-right:5px;
}
<!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" />
<title>aikihjem</title>
<link type="text/css" rel="stylesheet" href="rebuilding.css" />
</head>
<body>
<div id="belte"></div>
<div id="maincontent">
<div id="navcontainer">
<ul id="navlist">
<li id="active"></li>
<li><a href="bak_scenen.html">bak scenen</a></li>
<li><a href="nyheter.html">nyheter</a></li>
<li><a href="demo.html">send demo</a></li>
<li><a href="arrangement.html">arrangement</a></li></ul>
<div id="menuwrapper">
<ul id="meny">
<li id="meny-hjem"><a href="index.html"><span>Hjem</span></a></li>
<li id="meny-studio"><a href="studioogpris.html"><span>Studio</span></a></li>
<li id="meny-utstyr"><a href="mixepultermicrofoneroglydrom.html"><span>Utstyr</span></a></li>
<li id="meny-erfaring"><a href="mixepultermicrofoneroglydrom.html"><span>Erfaring</span></a></li>
<li id="meny-kontakt"><a href="kontakt.html"><span>Kontakt</span></a></li></ul>
</div></div>
<div id="textbox">
<h3>Om Aiki</h3>
<div>
<img src="finefarger.png" width="100" height="80px" hspace="0px" vspace="12px" alt="Dovre" title="Dovre" id="bilde"/></div><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <br />Aenean commodo ligula eget dolor. Aenean massa.<br />
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculupxs mus. <br />Donec.
Donec vitae sapien ut libero venenatis faucibus.
Maecenas tempus,<br /> tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.<br /> Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.<br /> Donec
Donec vitae sapien ut libero venenatis faucibus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <br />Aenean commodo ligula eget dolor. Aenean massa.<br />
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <br />Donec.
Donec vitae sapien ut libero venenatis faucibus. Maecenas tempus,<br /> tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.<br /> Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.<br /> Donec
Donec vitae sapien ut libero venenatis faucibus</p>
</div>
</div>
</body>
</html>
Registrerte brukere: Google [Bot]