/* structure */
.container {
font-size: 1.2em;
background: url(img/bakgrunn.gif) repeat-y;
margin: 0 auto;
width: 644px;
height: 100%;
border: 12px solid #0e0e0e;
}
.container {
font-size: 1.2em;
margin: 0 auto;
width: 644px;
height: 100%;
border: 12px solid #0e0e0e;
}
* html .container {
background: url(img/bakgrunn.gif) repeat-y;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
/* standard elements */
* {
margin: 0;
padding: 0;
}
a {color: #EB8B0F; text-decoration: none;}
a:hover {color: #EB8B0F;}
body {
background: #0e0e0e;
color: #555;
font: normal 62.5% "Lucida Grande", Arial, sans-serif;
margin: 3% 0;
text-align: center;
}
p,ul {
padding-bottom: 1em;
}
ul {margin-left: 1.2em;}
h1 {font-size: 1.2em;}
blockquote {
background: #FFFFFF;
border-bottom: 1px solid #EEE;
border-top: 1px solid #EEE;
color: #000;
display: block;
font-size: 0.9em;
margin-bottom: 1.2em;
padding: 6px 12px;
}
blockquote p {padding: 3px 0;}
h1,h2,h3 {color: #1CC71C;}
/* misc */
.clearer {
clear: both;
display: block;
width: 100%;
}
.main_right .padded {padding: 6px 2px 6px 16px;}
.main .padded {padding: 18px 24px;}
.meta {font-size: 0.8em; color: #0e0e0e;}
.left {float: left;}
.right {float: right;}
/* structure */
.container {
background: url('http://ugaa.no/layout/img/bakgrunn.gif') repeat-y top left;
font-size: 1.2em;
margin: 0 auto;
width: 644px;
text-align: left;
border: 12px solid #0e0e0e;
}
/* header */
.header {
float: left;
width: 639px;
background: url(http://ugaa.no/layout/img/header.png) no-repeat;
font: normal 2.4em Verdana,sans-serif;
line-height: 150px;
text-align: center;
}
/* structure */
.top {
background: #FFFFFF;
color: #FFFFFF;
float: left;
font: normal 1.4em Verdana;
height: 50px;
text-align: center;
width: 639px;
}
.subnav {
float: left;
width: 160px;
}
.main {
float: left;
width: 480px;
}
.main_right {
float: right;
width: 200px;
color: #0e0e0e;
}
/* sub-navigation */
.subnav h1 {
background: #0e0e0e;
color: #FFF;
font: bold 1.1em Verdana,sans-serif;
line-height: 24px;
padding-left: 8px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
border-bottom: 1px solid #696755;
list-style: none;
}
.subnav li a {
background: #89866f;
color: #111;
display: block;
padding: 8px 0 8px 12px;
width: 148px;
text-decoration: none;
}
.subnav li a:hover {
background: #9C997C;
color: #0e0e0e;
}
</style>
<title>Ugå 2007</title>
</head>
<body>
<div class="container">
<div class="header"> </div>
<div class="main_right">
<div class="padded">
</div>
</div>
<div class="subnav">
<h1>Navigasjon</h1>
<ul>
<li><a href="index.php">Nyheter</a></li>
<li><a href="program.php">Program Ugå 2007</a></li>
<li><a href="info.php">Ka e Ugå?</a></li>
<li><a href="studentrevy.php">Studentrevy</a></li>
<li><a href="linker.php">Linker</a></li>
<li><a href="stillinger.php">Vi søker..</a></li>
<li><a href="presse.php">Presse</a></li>
</ul>
<p> </p>
<img src="http://ugaa.no/layout/img/kystbussen.gif" width="150" alt="" />
<img src="http://ugaa.no/layout/img/sistransp.gif" width="150" alt="" />
<img src="http://ugaa.no/layout/img/stavanger.png" width="150" alt="" />
</div>
<div class="main">
<div class="padded">
<h1>Ugå 2007, 15.-25.mars</h1>
<p class="meta"></p>
<p> </p>
</div>
</div>
<div class="footer clearer">
<p>Layout: <a href="mailto:ihaarr@gmail.com">ihaarr</a>.</p>
</div>
</div>
</body>
</html>
Registrerte brukere: Google [Bot]