tarpai tarp paneliu

sveiki, niekaip nerandu kur padaryti tarpus tarp paneliu. Dabar visos paneles užmestos ant vieno bg:

pažiurėkite paveiksliuką: http://ikelk.lt/storage/images/000/036/800/36800/original_img.gif

ten kur juodam norėčiau kad būtų tarpas.

css kodas:

/*Atlantis Theme for PHP-Fusion 7 by Max "Matonor" Toball*/
@import 'nav.css';
/***********************************************************************
OPTIONAL, TEMPLATE SPECIFIC STYLE
***********************************************************************/
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444;
}
body {
background: url(images/bg.gif) repeat-x top #465A6C;
margin: 20px 0;
padding: 0;
}
a:link { color: #444; text-decoration: none; }
a:visited { color: #444; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #444; text-decoration: none; }
/*****************
Structure
*****************/
.tpl_vspacer {
   margin-bottom:5px;
}
.tpl_str_center {
width: 954px;
margin: 0 auto;
}
.tpl_str_header {
height: 123px;
background:url(images/header.png) no-repeat !important;
background:url(images/header.gif) no-repeat;
}
.tpl_logo {
float:left;
margin-top:50px;
margin-left:100px;
width:250px;
height:60px;
background:url(images/logo.png) no-repeat !important;
background:url(images/logo.gif) no-repeat;
}
.tpl_str_main {
height:100%; /* IE6 Fix */
background:url(images/main.png) repeat-y !important;
background:url(images/main.gif) repeat-y;
}
.tpl_str_footer {
height: 36px;
background:url(images/bottom.png) no-repeat !important;
background:url(images/bottom.gif) no-repeat;
}
.tpl_main {}
.tpl_content {
padding:10px;
background-color:#FFF;
}

.tpl_showpath {
height:19px;
background:url(images/showpath.png) no-repeat top right #DEE7ED;
font-size:11px;
margin-right:9px;
}
.tpl_showpath div {
padding:3px 0 0 10px;
color:#8FAEC2;
}
.tpl_showpath div a,
.tpl_showpath div a:visited { color:#678A9E; }
.tpl_showpath div a:hover { color:#FFF; }
/*****************
Menu
*****************/
.tpl_menu {
height:30px;
background:url(images/menu_bg.png) repeat-x;
border-top:4px solid #A8B7C8;
color:#C7D1DC;
/*font-weight:bold;*/
}
.tpl_menu a,
.tpl_menu a:visited {
display:block;
color:#C7D1DC;
height:14px;
padding:8px 30px;
}
.tpl_menu a:hover {
color:#FFF;
background:url(images/menu_h.png) repeat-x;
}
.tpl_menu ul {
list-style:none;
padding:0;
margin:0;
}
.tpl_menu li {
float:left;
border-right:1px solid #40556A;
}
/*****************
Release
*****************/
.tpl_release {
height:123px;
background:url(images/ads_bg.png) repeat-x;
border-bottom:4px solid #A8B7C8;
color:#C1CCD9;
padding-right:20px;
}
.tpl_release .text {
padding:24px 0 0 20px;
color:#627B91;
font-size:14px;
}
.tpl_release .top {
margin-bottom:12px;
color:#8A9FB0;
}
.tpl_release .vbig {
font-size:24px;
}
.tpl_release .big {
font-size:20px;
}
.tpl_release .demo {
width:128px;
height:25px;
background:url(images/tpl_release_demo.png)  no-repeat !important;
background:url(images/tpl_release_demo.gif)  no-repeat;
padding-top:8px;
margin-top:24px;
color:#FFF;
font-weight:bold;
font-size:13px;
text-align:left;
}
.tpl_release .demo a,
.tpl_release .demo a:visited,
.tpl_release .demo a:hover { color:#FFF; }
.tpl_release .download {
width:221px;
height:25px;
background:url(images/tpl_release_download.png) no-repeat !important;
background:url(images/tpl_release_download.gif) no-repeat;
padding-top:8px;
margin-top:12px;
color:#FFF;
font-weight:bold;
font-size:13px;
text-align:left;
}
.tpl_release .download a,
.tpl_release .download a:visited,
.tpl_release .download a:hover { color:#FFF; }




/*****************
Footer
*****************/
.tpl_footer {
border-top:1px solid #CCC;
background-color:#E7E7E7;
font-size:10px;
padding:6px 8px 0 8px;
}
.tpl_footmsg {
font-size:10px;
color:#889EB3;
}
.tpl_footmsg a,
.tpl_footmsg a:visited { color:#889EB3; }
.tpl_footmsg a:hover { color:#FFF; }

#main-bg {
line-height: 1.4em;
background: url(images/cont_t.jpg) repeat-x top;
padding: 2em 1em;
}
#side-border-right, #side-border-left {
padding: 2em 0.75em;
width: 15em;
max-width: 15em;
background: url(images/side_bg.jpg) repeat-x top;
display: inline;
}
#side-border-left {
padding-right: 0.5em;
float: left;
}
#side-border-right {
padding-left: 0.5em;
float: right;
}
* html #side-border-right {margin-left: -3px;}
* html #side-border-left {margin-right: -3px;}
.side-both #main-bg {margin: 0 16em;}
.side-left #main-bg {margin-left: 16em;}
.side-right #main-bg {margin-right: 16em;}
.side-left #side-border-right {display:none;}
.side-right #side-border-left {display:none;}


/*Navigation Panel*/
#navigation h2, .side-label {
color: #0077aa;
font-family: "Trebuchet MS", "Lucida Grande", sans-serif;
text-transform: uppercase;
font-size: 1.0em;
padding: 0.15em;
font-weight: 500;
}
#navigation ul {
margin-left: -0.25em;
list-style-type: none;
line-height: 1.2em;
}
* html #navigation ul li {height: 1%;}
#navigation a {
display: block;
color: #3d667a;
padding: 0.2em 0.2em 0.2em 0.2em;
text-decoration : none;
}
#navigation a:hover {
color: #006699;
background-color: #accad9;
}


/*Misc Styles*/
#container{
width: 100%;
overflow-x: auto;
overflow-y: visible;
}
.pagenav {padding: 0.4em;}
.pagenav span, .pagenav a, .pagenav a:hover {
color: #006699;
background-color: #accad9;
border: 1px solid #dde5eb;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
}
.pagenav a {
color: #3d667a;
background-color: #edf3f6;
}
#footer, #subfooter {
width: 90%;
color: #72a7c2;
background: #006090;
border: 1px solid #1070aa;
margin: 1.5em auto;
padding: 1em;
font-size: 0.8em;
}
.textbox, .button, .quote {
border-bottom: 1px solid #6f8c99;
border-right: 1px solid #6f8c99;
border-top: 1px solid #c1d9e4;
border-left: 1px solid #c1d9e4;
background: #fff url(images/mainheader_bg.jpg) repeat-x bottom;
font-size: 1em;
margin-top: 0.1em;
padding: 0.25em;
}
.textbox:focus{
border-bottom: 1px solid #c1d9e4;
border-right: 1px solid #c1d9e4;
border-top: 1px solid #6f8c99;
border-left: 1px solid #6f8c99;
}
.button{color: #006699;}
.bbcode {
border-bottom: 1px solid #6f8c99;
border-right: 1px solid #6f8c99;
border-top: 1px solid #c1d9e4;
border-left: 1px solid #c1d9e4;
background: #fff url(images/mainheader_bg.jpg) repeat-x bottom;
font-size: 1em;
margin-top: 0.1em;
}
.news-category {
float: left;
margin: 0.2em 0.5em 0 0;
}
.news-footer-img {vertical-align: middle;}
.news-footer {padding: 0.5em;}
.panelcap {
color: #006699;
font-family: "Trebuchet MS", "Lucida Grande", sans-serif;
text-transform: uppercase;
font-size: 1.15em;
line-height: 1em;
font-weight: 500;
margin: 0;
}
.panelbody {
padding: 0.15em 0.3em;
margin-bottom: 0.8em;
border-top: 2px solid #f0f0f0;
}
.quote, .admin-message {
color: inherit;
margin: 0.25em;
}
.admin-message{
color: #006699;
background: #e8eef1 url(forum/stickythread.gif) 0.4em 0.4em no-repeat;
border: 1px solid #6f8c99;
padding: 0.4em 0.4em 0.6em 2.8em;
margin: 1em auto;
width: 80%;
}
.poll {
height: 1.3em;
background: #006698 url(images/pollbar.jpg) bottom repeat-x;
}
.comment-name {
color: #777;
font-weight: 700;
}
.shoutboxname {font-weight: 700;}
.shoutboxdate {
color: #888;
font-size: 0.8em;
}
.small,.small2,.side-small {font-size: 0.9em;}
.tbl,.tbl1,.tbl2,.forum-caption {padding: 0.3em;}
.tbl-border{background: #bdc5cb; border: 1px solid #bdc5cb;}
.tbl1{background: #e8eef1;}
.tbl2 {background: #edf3f6;}
.forum-caption {
font-weight: 700;
background: #e8eef1 url(images/mainheader_bg.jpg) repeat-x;
}
code, pre {
font-family: monospace;
font-size: 1.1em;
}
hr {
border: solid #c1d9e4 1pt;
height: 1pt;
}
.panelbutton{float: right;}
h1,h2,h3,h4,h5,h6 {font-size: inherit;}


/*Helpers*/
.center {margin: 0 auto;}
.content_center {text-align: center;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}


/*IE Fixes*/
* html #main-bg {
height: 1%;
width: auto;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.floatfix {overflow:hidden;}
* html .floatfix {width:100%;}
.center, *[align="center"] {margin: 0 auto;}

Imsim ir iš oro suredaguosim tau męs tą css... Imi ir dėlioji margin-bottom:10px, į kiek vieną pats... Arba galiausiai <br /> ten kur reikia įdėk, ir atsiras tarpas.

Beje pas mane tarp panelių tarpai maži - šilčiau taip :P

kodėl iškarto nusiteikias priešiškai, kam čia imti daryti ir t.t nebuvo nei vieno žodžio kad padarykite už mane, tiesiog daviau kodą ir prašau tų kurie nusimano užmesti akį ir pasakyti kurioj būtent vietoje pakeisti, kad atsirastu tarpai :) man tik vietos tikslios reikia kur pakeisti ir viskas.

Ne priešiškai nusiteikęs, tiesiog turėjau omeny jog per mažai informacijos pateikei.

Duodamas tik CSS, iš mūsų mažai ko tikėtis gali, mat nematome nei klasių, nei apskritai išdėstymo. Tiesa spėju kad gali šaknys slypėti klasėje pavadinimu panelbody. Galiausiai pasinaudok tuo patarimu su <br />, jį dėti reikia į html(šablonus).