Проблем със рамка

lub4o

Registered
Здравейте, има медин темплейт, но имам проблем от двете страни има два бордера, които не мога да ги махна претърсих целия CSS ето снимка
2394224t.png

Някой има ли идея как да я махна ?
CSS
Код:
body {
background: #003142 url('i/fon.gif') repeat;
font-family: Tahoma;
font-size: 0.7em;
color: #000;


}

* {
padding: 0;
margin: 0;
}

a {
color: #0000ff;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a img {
border: 0;
}

#container {
width: 955px;
margin: 0 auto;

background: #fff url('i/cont-bg.gif') repeat-y;
padding: 0 1px;
}

.clear {
clear: both;
}




#header, #header a {
width: 955px;
height: 241px;
text-indent: -300px;
overflow: hidden;
background: url('i/header.jpg') no-repeat;
}

#nav {
height: 30px;
line-height: 30px;
background: #093042 url('i/nav.jpg') repeat-x;
border: 1px solid #fff; /*Tyk e ednoto*/
border-width: 1px 1px 0 1px;
padding: 0 0 0 40px;
margin: 0 0 2px 0;
overflow: hidden;
list-style: none;
}

#nav li {
float: left;
}

#nav li a {
height: 29px;
color: #b2b2b2;
font-weight: bold;
font-size: 1.0em;
font-family: Tahoma,Georgia,Arial;
display: block;
padding: 0 15px;
text-transform: uppercase;
float: left;
}

#nav li a:hover {
color: #818080;
text-decoration: none;
}



#content {
width: 470px;
padding: 0 0 0 10px;
float: left;

}

#content h2 {
background: #000 url('i/content-head.gif') repeat-x;
width: 470px;
}

#subheader {
height: 129px;
text-indent: -999px;
overflow: hidden;
background: url('i/subheader.jpg') no-repeat;
}

#content h3 {
background: url('i/h3.gif') no-repeat;
height: 20px;
line-height: 20px;
border: 1px solid #cccccc;
font-size: 1em;
font-weight: normal;
text-indent: 10px;
}

#content p {
padding: 5px 0;
}

.content {
border: 1px solid #cccccc;
border-top: 0;
padding: 1px 5px;
}

#content ul {
padding: 5px 20px;
}

.meta {
background: url('i/meta.gif') no-repeat bottom;
border: 1px solid #cccccc;
border-top: 0;
height: 13px;
line-height: 13px;
font-size: 0.9em;
text-align: right;
padding: 0 5px;
margin: 0 0 14px 0;
}

.meta a {
color: #000;
}


#sidebarl {
float: left;
padding: 0 0 0 3px;
}

#sidebarr {
float: right;
padding: 0 3px 0 0;
}

h2 {
height: 25px;
line-height: 27px;
color: #323232;
font-size: 1.0em;
text-indent: 25px;
text-transform: uppercase;
}

#container .s, #content {
padding-bottom: 15px;
}

.s h2 {
width: 230px;
background: #000 url('i/sidebar-head.gif') repeat-x;
border-bottom: 1px solid #cccccc;
}

.s ul {
list-style: none;
border: 1px solid #cccccc;
border-width: 0 1px;
width: 228px;
margin: 0 0 16px 0;
}

.s ul li {
background: url('i/sidebar-li.gif');
height: 20px;
line-height: 20px;
overflow: hidden;
border-bottom: 1px solid #cccccc;
padding: 0 7px;
color: #000;
}

.s ul li a {
color: #000;
}

.s .links li a {
display: block;
}

.box {
border: 1px solid #cccccc;
border-width: 0 1px 1px 1px;
width: 228px;
}

.box2 {
border: 1px solid #fff;
padding: 0 5px;
background: #efefef url('i/box.gif') repeat-x;
}

.box p {
margin: 5px 0;
}





#footer {
height: 30px;
line-height: 30px;
background: url('i/footer.gif') no-repeat top;
padding: 0 10px 6px 0;
clear: both;
color: #fff;
text-align: right;
}

#footer a {
color: #fff;
padding: 0 1px;
}
 
Firebug използвай. Даваш му Inspect и посочваш мястото, което искаш.
Така без самата структура на дивовете поне на мен ми е доста трудно да се ориентирам кое за какво ти е, но мисля, че ако махнеш от тук рамката трябва да стане:

.content {
border: 1px solid #cccccc;
border-top: 0;
padding: 1px 5px;
}
 
adrian каза:
Firebug използвай. Даваш му Inspect и посочваш мястото, което искаш.
Така без самата структура на дивовете поне на мен ми е доста трудно да се ориентирам кое за какво ти е, но мисля, че ако махнеш от тук рамката трябва да стане:

.content {
border: 1px solid #cccccc;
border-top: 0;
padding: 1px 5px;
}

#cccccc по принцип е доста по светъл цвят на мене на картинката ми изглеждат тъмни линиите но най добре с проба ще стане.
 

Back
Горе