Css Yardim:(

[vimpir]

Arkadaslar resimdeki gibi bir template modifiye ettim hersey istedigim gibi iceride panel kullanicam ama sadece panelin altinda kapatamadigim bosluk var bu panelin etrafina 2px heryerinden bosluk koymak istiyorum (sag,sol,ust,alt).

MasterPage Code

Contact Us | Terms of Use | Trademarks
| Privacy Statement

Copyright © 2009 ---. All Rights Reserved.

Css Code

/* begin Page */

/* Generated with Artisteer version 2.3.0.21098, file checksum is 3383A463. */

body
{
margin: 0 auto;
padding: 0;
background-color: #BDC3BB;
background-image: url('images/Page-BgTexture.jpg');
background-repeat: repeat;
background-attachment: scroll;
background-position: top left;
}

#art-main
{
position: relative;
width: 100%;
left: 0;
top: 0;
}



#art-page-background-gradient
{
position: absolute;
background-image: url('images/Page-BgGradient.jpg');
background-repeat: repeat-x;
top:0;
width:100%;
height: 500px;

}

#art-page-background-gradient
{
background-position: top left;
}


.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}


form
{
padding:0 !important;
margin:0 !important;
}

table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.art-Sheet
{
position:relative;
z-index:0;
margin:0 auto;
width: 1000px;
min-width:51px;
min-height:51px;
}

.art-Sheet-body
{
position: relative;
z-index: 1;
padding: 5px;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
position:absolute;
z-index:-1;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
width: 70px;
height: 70px;
background-image: url('images/Sheet-s.png');
}

.art-Sheet-tl
{
top:0;
left:0;
clip: rect(auto, 35px, 35px, auto);
}

.art-Sheet-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 35px, 35px);
}

.art-Sheet-bl
{
bottom: 0;
left: 0;
clip: rect(35px, 35px, auto, auto);
}

.art-Sheet-br
{
bottom: 0;
right: 0;
clip: rect(35px, auto, auto, 35px);
}

.art-Sheet-tc, .art-Sheet-bc
{
left: 35px;
right: 35px;
height: 70px;
background-image: url('images/Sheet-h.png');
}

.art-Sheet-tc
{
top: 0;
clip: rect(auto, auto, 35px, auto);
}

.art-Sheet-bc
{
bottom: 0;
clip: rect(35px, auto, auto, auto);
}

.art-Sheet-cr, .art-Sheet-cl
{
top: 35px;
bottom: 35px;
width: 70px;
background-image: url('images/Sheet-v.png');
}

.art-Sheet-cr
{
right:0;
clip: rect(auto, auto, auto, 35px);
}

.art-Sheet-cl
{
left:0;
clip: rect(auto, 35px, auto, auto);
}

.art-Sheet-cc
{
position:absolute;
z-index:-1;
top: 35px;
left: 35px;
right: 35px;
bottom: 35px;
background-color: #F0EDE0;
}


.art-Sheet
{
margin-top: 30px !important;
}

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
min-width:1000px;
}

/* end Box, Sheet */

/* begin Header */
div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 990px;
height: 125px;
}

div.art-Header-png
{
position: absolute;
z-index:-2;
top: 0;
left: 0;
width: 990px;
height: 125px;
background-image: url('images/Header.png');
background-repeat: no-repeat;
background-position: left top;
}

div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 990px;
height: 125px;
background-image: url('images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */

/* begin ContentLayout */
.art-contentLayout
{
position: relative;
margin-bottom: 5px;
width: 990px;
}
/* end ContentLayout */

/* begin Box, Block */
.art-Block
{
position:relative;
z-index:0;
margin:0 auto;
min-width:15px;
min-height:15px;
}

.art-Block-body
{
position: relative;
z-index: 1;
padding: 7px;
}

.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl
{
position:absolute;
z-index:-1;
}

.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl
{
width: 14px;
height: 14px;
background-image: url('images/Block-s.png');
}

.art-Block-tl
{
top:0;
left:0;
clip: rect(auto, 7px, 7px, auto);
}

.art-Block-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 7px, 7px);
}

.art-Block-bl
{
bottom: 0;
left: 0;
clip: rect(7px, 7px, auto, auto);
}

.art-Block-br
{
bottom: 0;
right: 0;
clip: rect(7px, auto, auto, 7px);
}

.art-Block-tc, .art-Block-bc
{
left: 7px;
right: 7px;
height: 14px;
background-image: url('images/Block-h.png');
}

.art-Block-tc
{
top: 0;
clip: rect(auto, auto, 7px, auto);
}

.art-Block-bc
{
bottom: 0;
clip: rect(7px, auto, auto, auto);
}

.art-Block-cr, .art-Block-cl
{
top: 7px;
bottom: 7px;
width: 14px;
background-image: url('images/Block-v.png');
}

.art-Block-cr
{
right:0;
clip: rect(auto, auto, auto, 7px);
}

.art-Block-cl
{
left:0;
clip: rect(auto, 7px, auto, auto);
}

.art-Block-cc
{
position:absolute;
z-index:-1;
top: 7px;
left: 7px;
right: 7px;
bottom: 7px;
background-color: #F3F1E7;
}


.art-Block
{
margin: 7px;
}

/* end Box, Block */

/* begin BlockHeader */
.art-BlockHeader
{
position:relative;
z-index:0;
height: 30px;
padding: 0 7px;
margin-bottom: 7px;
}

.art-BlockHeader .t
{
height: 30px;
color: #000000;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
white-space : nowrap;
padding: 0 6px;
line-height: 30px;
}

.art-BlockHeader .l, .art-BlockHeader .r
{
display:block;
position:absolute;
z-index:-1;
height: 30px;
background-image: url('images/BlockHeader.png');
}

.art-BlockHeader .l
{
left:0;
right:6px;
}

.art-BlockHeader .r
{
width:990px;
right:0;
clip: rect(auto, auto, auto, 984px);
}





.art-header-tag-icon
{
height: 30px;
background-position:left top;
background-image: url('images/BlockHeaderIcon.png');
padding:0 0 0 12px;
background-repeat: no-repeat;
min-height: 12px;
margin: 0 0 0 5px;
}


/* end BlockHeader */

/* begin Box, BlockContent */
.art-BlockContent
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}

.art-BlockContent-body
{
position: relative;
z-index: 1;
padding: 8px;
}



.art-BlockContent-body
{
color:#5C6459;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.art-BlockContent-body a:link
{
color: #6D6237;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
color: #848E80;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
{
color: #BB991B;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.art-BlockContent-body ul
{
list-style-type: none;
color: #232622;
margin:0;
padding:0;
}

.art-BlockContent-body li
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
text-decoration: none;
}

.art-BlockContent-body ul li
{
padding:0px 0 0px 13px;
background-image: url('images/BlockContentBullets.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}

/* end Box, BlockContent */

/* begin Box, Post */
.art-Post
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}

.art-Post-body
{
position: relative;
z-index: 1;
padding: 10px;
}



.art-Post
{
margin: 7px;
}

/* Start images */
a img
{
border: 0;
}

.art-article img, img.art-article
{
border: solid 1px #B7A971;
margin: 1em;
}

.art-metadata-icons img
{
border: none;
vertical-align: middle;
margin: 2px;
}
/* Finish images */

/* Start tables */

.art-article table, table.art-article
{
border-collapse: collapse;
margin: 1px;
width:auto;
}

.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
background-color:Transparent;
}

.art-article th, .art-article td
{
padding: 2px;
border: solid 1px #C7BC8F;
vertical-align: top;
text-align:left;
}

.art-article th
{
text-align: center;
vertical-align: middle;
padding: 7px;
}

/* Finish tables */

pre
{
overflow: auto;
padding: 0.1em;
}

/* end Box, Post */

/* begin PostHeaderIcon */
.art-PostHeader
{
text-decoration:none;
margin: 0.2em 0;
padding: 0;
font-weight:normal;
font-style:normal;
letter-spacing:normal;
word-spacing:normal;
font-variant:normal;
text-decoration:none;
font-variant:normal;
text-transform:none;
text-align:left;
text-indent:0;
line-height:inherit;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #343932;
}

.art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
margin:0;
color: #343932;
}

/* end PostHeaderIcon */

/* begin PostHeader */
.art-PostHeader a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #584F2C;
}

.art-PostHeader a:visited, .art-PostHeader a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #575F54;
}

.art-PostHeader a:hover, .art-PostHeader a.hovered
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #B7951A;
}
/* end PostHeader */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #454C43;
}


.art-PostContent p
{
margin: 0.5em 0;
}

.art-PostContent, .art-PostContent p
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-align: justify;
color: #454C43;
}

.art-PostContent
{
margin:0;
}


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #8B7D46;
}

/* Adds special style to an unvisited link. */
a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #8B7D46;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #323630;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #B7951A;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}


/* Start Content headings Fonts & Colors */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 28px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #4D544A;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #666F62;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #8B7D46;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #575F54;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #575F54;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #575F54;
}
/* Finish Content headings Fonts & Colors */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */
ol, ul
{
color: #343932;
margin:1em 0 1em 2em;
padding:0;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
}

li ol, li ul
{
margin:0.5em 0 0.5em 2em;
padding:0;
}

li
{
margin:0.2em 0;
padding:0;
}

ul
{
list-style-type: none;
}

ol
{
list-style-position:inside;

}



.art-Post li
{
padding:0px 0 0px 13px;
line-height:1.2em;
}

.art-Post ol li, .art-Post ul ol li
{
background: none;
padding-left:0;
}

.art-Post ul li, .art-Post ol ul li
{
background-image: url('images/PostBullets.png');
background-repeat:no-repeat;
padding-left:13px;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */
blockquote,
blockquote p,
.art-PostContent blockquote p
{
color:#0F100E;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-align: left;
}

blockquote,
.art-PostContent blockquote
{
border:solid 1px #D4CCAA;
margin:10px 10px 10px 50px;
padding:5px 5px 5px 41px;
background-color:#E9E4D3;
background-image:url('images/PostQuote.png');
background-position:left top;
background-repeat:no-repeat;
}


/* Finish blockuote */
/* end PostQuote */

/* begin Button */
.art-button-wrapper .art-button
{
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:34px;
margin:0 !important;
padding:0 !important;
overflow: visible;
cursor: default;
text-decoration: none !important;
z-index:0;
}

.art-button-wrapper
{
display:inline-block;
position:relative;
height: 34px;
overflow:hidden;
white-space: nowrap;
width: auto;
z-index:0;
}

.firefox2 .art-button-wrapper
{
display:block;
float:left;
}

.art-button-wrapper .art-button
{
display:block;
height: 34px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
white-space: nowrap;
text-align: left;
padding: 0 21px !important;
line-height: 34px;
text-decoration: none !important;
color: #000000 !important;
}

input, select
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.art-button-wrapper.hover .art-button, .art-button:hover
{
color: #000000 !important;
text-decoration: none !important;
}

.art-button-wrapper.active .art-button
{
color: #FCF9ED !important;
}

.art-button-wrapper .l, .art-button-wrapper .r
{
display:block;
position:absolute;
z-index:-1;
height: 102px;
background-image: url('images/Button.png');
}

.art-button-wrapper .l
{
left:0;
right:11px;
}

.art-button-wrapper .r
{
width:411px;
right:0;
clip: rect(auto, auto, auto, 400px);
}

.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
top: -34px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
top: -68px;
}


/* end Button */

/* begin Footer */
.art-Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 990px;
margin: 0px 0px 0px 0px;
}

.art-Footer .art-Footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 8px;
text-align: center;
}

.art-Footer .art-Footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url('images/Footer.png');
width: 990px;
height: 150px;
bottom:0;
left:0;
}


.art-Footer .art-Footer-text p
{
margin: 0;
}

.art-Footer .art-Footer-text
{
display:inline-block;
color:#1B180E;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}

.art-Footer .art-Footer-text a:link
{
text-decoration: none;
color: #665C33;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-Footer .art-Footer-text a:visited
{
text-decoration: none;
color: #191B18;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-Footer .art-Footer-text a:hover
{
text-decoration: none;
color: #866D13;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color:#B3911A;
}

.art-page-footer
{
margin:1em;
text-align:center;
text-decoration:none;
color:#887A44;
}
/* end PageFooter */

/* begin LayoutCell */
.art-contentLayout .art-content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 100%;
}
/* end LayoutCell */

Eger birisi yardimci olabilirse cok mutlu olucam.8-)

[Queen]

panel hangi panel anlaşılmıyor ki. ayrıca bu css için generated falan diyor programla yapılmış hiç bi şey anlaşılmıyor valla.

[Solozzo]

Body'nin padding ini 2px,2px,2px,2px yaparsan her taraftan verir 2px boşluk yani umarım B)-

[toggie]

body'nin değil o içerdeki "pane" diye bahsettigi divlere class vermesi lazım once. sonra o classlar icin "padding: 2px 2px;" yapman lazım css'te.

[Sparkcaster]

o pane lerden birine yada o pane lerin içinde bulunduğu div e padding vermişsin onu sil

[Sparkcaster]

dreamweaver kullanıyosan tam o kenara bas css de nereyi değiştirmen gerektiğini görürsün