Topic: style
Tjena!
Försöker få punbb in i min css designade hemsida men får det inte att fungera.
Har förstått att man ska editera main.tpl. Har lagt koden och css in i main.tpl men det ser inte bra ut:
http://mammdiin.com/punbb/index.php
Så här ser sidan ut:
http://mammdiin.com/index.php
Det är säkert nått jag har glömt men ser det bara inte. Hoppas ni kan hjälpa mig 
såhär ser main.tpl ut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
<style type="text/css">
body {padding: 2em; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em;}
h2 {margin: 0 0 0.5em 0; font-size: 2.5em;}
h3 {margin: 1em 0 0.5em 0; font-size: 1.5em;}
h4 {margin: 1.5em 0 0.5em 0; font-size: 1em;}
p {line-height: 1.8em; margin: 0 0 5px 0;}
.kantlinje {border: 1px solid #666666;}
.knapp {background-color: transparent; border: border: 1px solid #666666;}
/* sidlayout */
#layout {width: 700px; background: #a8c1c6; border-top: 1px solid #666666; border-right: 1px solid #666666; border-left: 1px solid #666666; margin-right: auto; margin-left: auto;}
#sidhuvud {padding: 10px; margin: 0;}
#kolumncontainer{float: left; width: 700px; background: #ffcc66;}
#kolumn1 {float: left; width: 480px; padding: 10px; background: #ffffff;}
#kolumn2 {float: left; width: 180px; padding: 10px;}
#sidfot {clear: both; padding: 10px; background: #a8c1c6; border-bottom: 1px solid #666666;}
/* meny */
#menycontainer{border-bottom: 1px solid #666666;}
#menycontainer ul{padding: 0.5em 0; margin: 0;}
#menycontainer li{margin-right: 0.2em; display: inline; list-style: none;}
#menycontainer li a{text-decoration: none; padding: 0.5em 1em; margin-left: 0; background: #dbdbdb; font-weight: bold;}
#menycontainer a:link{color: #000000;}
#menycontainer a:visited{color: #000000;}
#menycontainer a:hover{background: #ffffcc;}
#menycontainer a#current{background: #ffffff; border-bottom: 1px solid #ffffff; color: #000000;}
</style>
</head>
<body>
<div id="layout">
<div id="sidhuvud">
<h2>Mammdiin</h2>
</div>
<div id="menycontainer">
<ul>
<li><a href="#">Hem</a></li>
<li><a href="#">IRC</a></li>
<li><a href="#" id="current">Forum</a></li>
<li><a href="#">Fotoalbum</a></li>
<li><a href="#">Filarkiv</a></li>
<li><a href="#">E-Post</a></li>
</ul>
</div>
<div id="kolumncontainer">
<div id="kolumn1">
<div id="punwrap">
<div id="pun<pun_page>" class="pun">
<div id="brdheader" class="block">
<div class="box">
<pun_navlinks>
<pun_status>
</div>
<pun_announcement>
<pun_main>
</div>
<div id="kolumn2">
</div>
<div id="sidfot">» Mammdiin 2006 » web@mammdiin.com » Cookies » Statistik » Upp ^
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>