-Цитата от Bubble boy 
спасибо попробую
если бы я знал что за .tpl
можежь скинуть папочку со всем чтобы я посмотрел в дримвивере как смотрится,вместе с этим тпл и СSS
забудь о tpl файлах
это smarty деление на php и tpl файлы тоесть делишь код от вида в одних тока кодовые функции php а в другом чисто html
но не важно
ну ладно мне один хуй на работе делать нехуй вот я наброасал правда картинки уже заготовленые использовал но там позиции и все тоесть вставь свои бакгроунд картинки и готово^^
Dlia_hhr.html Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>"NAzvanie"</title>
<style type="text/css">
@import url("csshhru.css");
</style>
</head>
<body>
<div id="main">
<div id="head">Tupo Head</div>
<div id="menu" >
<ul>
<li><a href="" >Menu1 </a></li>
<li> <a href="" >Menu 2</a></li>
<li> <a href="" >Menu 3</a></li>
<li><a href="" > Menu 4</a></li>
<li> <a href="" >Menu 5</a></li>
<li> <a href="" >Menu 6</a></li>
</div>
<div id="content">
nu a tut vsia glavnaia huinia toest soderzhanie
</div>
<div id="foot">niz stranici nuzhen chtoby tupo ne obrivalos vse posle contenta (nu ili tam obichno pishut copyrighty i vse takoe )</div>
</div>
</body>
</html>
csshhru.css Код:
* {
margin: 0;
padding: 0;
font-family: Helvetica, Verdana, sans-serif;
font-size: 0.95em;
border: none;
border-collapse: collapse;
}
html, body { height: 100%;}
table {
width: 100%;
}
body { background: #f1f1f1 repeat-x; }
#main {
width: 997px; margin: 0px auto ;
background:url(content_bg.jpg);
}
#content div{
font-size: 1.06em;
}
#head {
height: 154px;
padding: 0px 0px 0 0;
background: #BECFE1 url(header.jpg) no-repeat;
text-align: left;
}
#menu {
/*margin-left: 21px;*/
margin-top: 0px;
float: left;
width: 222px;
background: url(navi_bg.jpg);
height: 195px;
}
#menu ul {
list-style: none;
margin-left: 20px;
}
#menu li a {
padding: 4px 0 4px 4px;
display: block;
width: 96%;
color: #000;
font-weight: normal;
text-decoration: none;
}
#menu li a:hover {
width: 96%;
background: #EEC55C;
color: #fff;
}
#menu li .active {
width: 96%;
background: #EEC55C;
color: #fff;
}
#menu a {
width: 10px;
border-bottom: 1px solid #AAACB3;
}
#content {
margin-top: 0px;
min-height: 520px;
float: right;
width: 700px;
padding-right: 35px;
}
#content ul {
margin: 10px 0 10px 25px;
}
#content li {
margin-top: 10px;
}
#content p {
margin: 10px 0;
}
#foot {
clear: both;
width: 997px;
height: 53px;
background-image: url(content_bottom.jpg);
}
ну и вот как у меня выглядит