Въпрос относно CSS?

FestarBG

Registered
akomojetakaej3.png


Самото зелено правоъгълниче Search има bordercolor #000000 и отдолу тъмното поле има bordercolor #72C236.Aко може да ми кажете как да го направя както е на дясната картинка..А ето ми и css кода:

body {
background: #3A3A3A url(images/background.gif);
margin: 0px;
padding: 0px;
padding-bottom: 10px;
font-family: Verdana;
font-size: 10px;
color: #FFFFFF;
}
form {
margin: 0px;
padding: 0px;
}
input, textarea {
background-color: #999999;
border: 1px solid #000000;
font-family: Verdana;
font-size: 10px;
color: #000000;
margin: 2px;
padding: 2px;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}

a:visited {
color: #FFFFFF;
text-decoration: none;
}

a:hover {
color: #FFFFFF;
text-decoration: underline;
}
.main {
width: 790px;
padding: 0px;
border-left: 4px solid #72C236;
border-right: 4px solid #72C236;
border-bottom: 4px solid #72C236;
}
.header {
padding: 0px;
text-align: center;
background-image: url(images/header.png);
background-color: #950002;
height: 96px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.header-left {
margin-left: 20px;
margin-top: 30px;
float: left;
}
.header-right {
color: #FFFFFF;
font-family: Verdana;
font-size: 11px;
margin-right: 10px;
margin-top: 5px;
text-align: right;
float: right;
}
.header-link:link {
color: #FFFFFF;
text-decoration: none;
}

.header-link:visited {
color: #FFFFFF;
text-decoration: none;
}

.header-link:hover {
color: #FFFFFF;
text-decoration: underline;
}
.top {
background-image: url(images/topmenu.png);
height: 24px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}
.top-menu {
color: #000000;
font-family: Verdana;
font-size: 12px;
padding-left: 10px;
padding-top: 4px;
text-align: left;
float: left;
}
.top-link:link {
color: #000000;
text-decoration: none;
}

.top-link:visited {
color: #000000;
text-decoration: none;
}

.top-link:hover {
color: #000000;
text-decoration: underline;
}
.content {
background-color: #333333;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}
.contentbox {
background-color: #333333;
border: 1px solid #72C236;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 8px;
margin-top: 1px;
}
.contentheader {
background: #000000 url(images/topbar.png);
border: 1px solid #000000;
color: #FFFFFF;
font-family: Verdana;
font-size: 12px;
text-align: left;
padding: 2px;
padding-left: 4px;
margin-left: 5px;
margin-right: 5px;
}
.boxestext {
font-family: Verdana;
font-size: 10px;
color: #FFFFFF;
text-align: left;
padding: 3px;
}
.newstext {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
text-align: left;
padding: 3px;
}
.newsline {
border-bottom: 1px dotted #000000;
}
.filebox {
background-color: #333333;
border: 1px solid #72C236;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 8px;
margin-top: 1px;
}
.fileboxheader {
background: #000000 url(images/topbar.png);
border: 1px solid #000000;
color: #FFFFFF;
font-family: Verdana;
font-size: 12px;
text-align: left;
padding: 2px;
padding-left: 4px;
margin-left: 5px;
margin-right: 5px;
}
.contentheaderlink:link {
color: #FFFFFF;
text-decoration: none;
}

.contentheaderlink:visited {
color: #FFFFFF;
text-decoration: none;
}

.contentheaderlink:hover {
color: #FFFFFF;
text-decoration: underline;
}
.frametext {
font-family: Verdana;
font-size: 12px;
color: #FFFFFF;
padding: 5px;
}
.framelink:link {
color: #FFFFFF;
text-decoration: underline;
}

.framelink:visited {
color: #FFFFFF;
text-decoration: underline;
}

.framelink:hover {
color: #FFFFFF;
text-decoration: none;
}
.played {
font-family: Verdana;
font-size: 9px;
color: #CC6600;
}
.browsegamesbox {
background: #333333;
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
text-align: left;
padding: 3px;
width: 100%;
}
.pagenumbers {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
text-align: center;
padding: 3px;
}
.gamelink:link {
color: #CC6600;
font-weight: bold;
text-decoration: none;
}

.gamelink:visited {
color: #CC6600;
font-weight: bold;
text-decoration: none;
}

.gamelink:hover {
color: #FF6347;
font-weight: bold;
text-decoration: underline;
}
.pmboxheader {
border: 1px solid #000000;
background-color: #333333;
margin-bottom: 8px;
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
padding: 4px;
text-align: left;
margin-left: 5px;
margin-right: 5px;
}
.quote {
border: 1px dotted #009933;
margin: 2px;
margin-bottom: 6px;
padding: 3px;
text-align: left;
}
.newprivatemessage {
padding: 5px;
font-family: Verdana;
font-size: 12px;
text-align: center;
}
.pmboxtable {
border: 0px;
width: 99%;
background-color: #333333;
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
padding: 4px;
}
.readpmtable {
width: 99%;
font-family: Verdana;
font-size: 11px;
padding: 2px;
color: #FFFFFF;
}
.pmtexttable {
border: 1px solid #000000;
width: 80%;
color: #FFFFFF;
font-family: Verdana;
font-size: 11px;
padding: 3px;
text-align: left;
}
.bottom {
background-color: #999999;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.bottom-text {
color: #FFFFFF;
font-family: Verdana;
font-size: 11px;
text-align: center;
}
.bottom-link:link {
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
}
.bottom-link:visited {
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
}
.bottom-link:hover {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

:?: :o :idea:
 

Back
Горе