Jamen det er ganske almindelig css-kode og html...
html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xml:lang="da">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>StormPlay.dk</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/thumbnailviewer.css" type="text/css" />
<script src="thumbnailviewer.js" type="text/javascript" />
<meta name="Keywords" content="kajak, kayak, vand, legetøj, play, storm, water, beach, strand" />
</head>
<body>
<div id="Ymer">
<div id="TopLang">
</div>
<div id="TopBanner">
<img src="images/topbanner.jpg" alt="" />
</div>
<div id="SpotBokse">
<div class="Gray">
<div align="center"><strong>"Jeg designede Coasteren til ekstreme forhold på åben kyst."</strong><br />-Cam Broze, Mariner Kayaks <br /></div> </div>
<div class="BoxSpacer"></div>
<div class="Green">
Alle disse punkter kan flyttes efter behov!<br />Dette gøres under CMS'et... </div>
<div class="BoxSpacer"></div>
<div class="White">
<a href="#">» Velkommen</a><a href="#">» Om</a><a href="#">» Lalaa</a> </div>
<div class="BoxSpacer"></div>
<div class="Green">
Se billeder fra stormplay<table border="0" cellpadding="1" cellspacing="0"><tr> <td align="center"><a href="uploads/album/Foto 1.jpg" rel="thumbnail"><img src="uploads/album/Foto 1.jpg" style="border:solid 1px #000000" width="31" /></a></td>
<td align="center"><a href="uploads/album/Foto 3.jpg" rel="thumbnail"><img src="uploads/album/Foto 3.jpg" style="border:solid 1px #000000" width="31" /></a></td>
<td align="center"><a href="uploads/album/Foto 4.jpg" rel="thumbnail"><img src="uploads/album/Foto 4.jpg" style="border:solid 1px #000000" width="31" /></a></td>
<td align="center"><a href="uploads/album/Foto 6.jpg" rel="thumbnail"><img src="uploads/album/Foto 6.jpg" style="border:solid 1px #000000" width="31" /></a></td>
<td align="center"><a href="uploads/album/Foto 7.jpg" rel="thumbnail"><img src="uploads/album/Foto 7.jpg" style="border:solid 1px #000000" width="31" /></a></td></tr><tr>
<td align="center"><a href="uploads/album/Foto 8.jpg" rel="thumbnail"><img src="uploads/album/Foto 8.jpg" style="border:solid 1px #000000" width="31" /></a></td>
<td align="center"><a href="uploads/album/Foto 9.jpg" rel="thumbnail"><img src="uploads/album/Foto 9.jpg" style="border:solid 1px #000000" width="31" /></a></td>
<td align="center"><a href="uploads/album/Foto 10.jpg" rel="thumbnail"><img src="uploads/album/Foto 10.jpg" style="border:solid 1px #000000" width="31" /></a></td>
<td align="center"><a href="uploads/album/Foto 11.jpg" rel="thumbnail"><img src="uploads/album/Foto 11.jpg" style="border:solid 1px #000000" width="31" /></a></td>
<td align="center"><a href="uploads/album/Foto 13.jpg" rel="thumbnail"><img src="uploads/album/Foto 13.jpg" style="border:solid 1px #000000" width="31" /></a></td></tr><tr>
<td align="center"><a href="uploads/album/Foto 14.jpg" rel="thumbnail"><img src="uploads/album/Foto 14.jpg" style="border:solid 1px #000000" width="31" /></a></td>
<td align="center"><a href="uploads/album/Foto 15.jpg" rel="thumbnail"><img src="uploads/album/Foto 15.jpg" style="border:solid 1px #000000" width="31" /></a></td>
<td align="center"><a href="uploads/album/Foto 18.jpg" rel="thumbnail"><img src="uploads/album/Foto 18.jpg" style="border:solid 1px #000000" width="31" /></a></td>
<td align="center"><a href="uploads/album/Foto 19.jpg" rel="thumbnail"><img src="uploads/album/Foto 19.jpg" style="border:solid 1px #000000" width="31" /></a></td>
<td align="center"><a href="uploads/album/Foto 20.jpg" rel="thumbnail"><img src="uploads/album/Foto 20.jpg" style="border:solid 1px #000000" width="31" /></a></td></tr><tr>
</tr>
</table> </div>
</div>
<div id="IndholdText">
<h1>Denne side anvendes som startside</h1>
<h4>man</h4>
Velkommen til Stormplay!
</div>
</div>
</body>
</html>
css:
body{
background-color:#ffffff;
margin: 0px;
padding: 0px;
}
#Ymer{
width: 800px;
background-color: #ffffff;
margin: 0 auto;
margin-top: 40px;
}
#TopBanner{
width: 800px;
height: 150px;
}
#TopLang{
width: 800px;
font-family: tahoma, verdana, sans-serif;
font-size: 10pt;
color: #404040;
}
/* Bokse */
#SpotBokse{
font-family: tahoma, verdana, sans-serif;
font-size: 10pt;
color: #ffffff;
}
#SpotBokse p{
margin:0px 0px 1em 0px;
}
#SpotBokse a:link{
display: block;
color: #404040;
text-decoration: none;
background-color: #ffffff;
}
#SpotBokse a:visited{
display: block;
color: #404040;
text-decoration: none;
background-color: #ffffff;
}
#SpotBokse a:hover{
display: block;
color: #ffffff;
text-decoration: none;
background-color: #0b6377;
}
#SpotBokse a:active{
display: block;
color: #404040;
text-decoration: none;
background-color: #ffffff;
}
.BoxSpacer{
height: 150px;
width: 8px;
float: left;
}
.Gray{
margin-top:8px;
float: left;
width: 174px;
height: 130px;
padding: 10px;
background-image: url('../images/gray_box.jpg');
}
.Green{
margin-top:8px;
float: left;
width: 174px;
height: 130px;
padding: 10px;
background-image: url('../images/green_box.jpg');
}
.White{
margin-top: 8px;
float: left;
width: 174px;
height: 130px;
padding: 10px;
color: #404040;
}
/* Indhold */
#IndholdText{
font-family: tahoma, verdana, sans-serif;
clear: both;
padding-top: 8px;
font-size: 10pt;
color: #404040;
width: 396px;
}
h1{
font-family: tahoma, verdana, sans-serif;
font-size: 14pt;
margin: 0px 0px .5em 0px;
padding: 0px;
font-weight: bold;
}
h4{
font-family: tahoma, verdana, sans-serif;
font-size: 10pt;
margin: 0px 0px .5em 0px;
padding: 0px;
font-weight: bold;
}
