How to create displaytag table border

[yusuf nazir]

Hi all,

Im using displaytag( displaytag website )but am having trouble generating a border around the table.

this is my css

    
.display-table table {
	border-right: black 1pt solid; 
	border-top: black 1pt solid; 
	border-collapse: collapse; 
	margin: 2pt 2pt 2pt 2pt;
      }

.display-table th,.display-table td {
    padding: 2px 4px 2px 4px !important;
    text-align: center;
    vertical-align: top;
}

.display-banner th,.display-banner td {
    padding: 2px 4px 2px 4px !important;
    text-align: left;
    vertical-align: top;
}

.display-table thead tr, .display-table thead td {
    color: #2059A9;
    background-color: #EDF2FA;
}

.display-banner thead tr, .display-banner thead td {
    color: #2059A9;
    background-color: #EDF2FA;
}

.display-table th.sorted {
    background-color: #EDF2FA;
}

.display-table th a,.display-table th a:visited {
    color: #2059A9;
}

.display-table th a:hover {
    text-decoration: underline;
    color: #2059A9;
}

.display-banner th a,.display-banner th a:visited {
    color: #2059A9;
}

.display-banner th a:hover {
    text-decoration: underline;
    color: #2059A9;
}

.display-table th.sorted a, .display-table th.sortable a {
    background-position: right;
    display: block;
	text-align: left;
    background: url(../images/arrow_off.png) no-repeat right;
}

.display-table th.order1 a {
    background-image: url(../images/arrow_down.png);
}

.display-table th.order2 a {
    background-image: url(../images/arrow_up.png);
}

.display-table tr.odd {
    background-color: #DFFEEB;
}

.display-table tr.tableRowEven, .display-table tr.even {
    background-color:#739982;
}

.display-table div.exportlinks {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    margin: 2px 0 10px 0;
    width: 79%;
}

.display-table span.export {
    padding: 0 4px 1px 20px;
    display: inline;
    display: inline-block;
    cursor: pointer;
}

.display-table span.excel {
    background-image: url(images/ico_file_excel.png);
}

.display-table span.csv {
    background-image: url(images/ico_file_csv.png);
}

.display-table span.xml {
    background-image: url(images/ico_file_xml.png);
}

.display-table span.pdf {
    background-image: url(images/ico_file_pdf.png);
}

.display-table span.rtf {
    background-image: url(images/ico_file_rtf.png);
}

.display-table span.pagebanner {
    background-color: #EDF2FA;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    width: 79%;
    margin-top: 10px;
    display: block;
    border-bottom: none;
}

.display-table span.pagelinks {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    width: 79%;
    display: block;
    border-top: none;
    margin-bottom: -5px;
}
	

any help will be gladly appreciated

thanks in advance

[Bear Bibeault]

Please be sure to ask Open Source library questions in the Open Source Library forum. I have moved this post there for you.