Hello Everyone,
I have a table for which I need to make the cellpadding and cellspacing equal to zero, but it's all done in CSS
I also need 2 make the font smaller also, basically the table is too big and I'm tring whatever I can to reduce it
Any help U can give me will be greatly appreciate weather it's font size, or cell padding, the cells have so much space in between them, and I can't figure out why..?!?!
==========================
==========
==========
==========
==========
==========
This is the CSS it's in a separate file and then they use include to get to it from the page
If you want me to include more of the CSS code please let me know, I didn't want to make it too long, cuz I know that sometimes can get confusing, too much information....
==========================
==========
==========
==========
==========
==========
table.example {
border:1px solid black;
border-collapse:collapse;
background-color:#FCE4A4;
}
table.example th, table.example td {
border:1px solid #aaaaaa;
padding: 2px 15px 2px 15px;
}
table.example thead th {
background-color:#ccccff;
background-color:#DB794D;
}
table.example tfoot td {
background-color:#ffccff;
}
table.example tr.tbody_header {
font-weight:bold;
text-align:center;
background-color:#dddddd;
table.example a.pagelink {
padding-left:5px;
padding-right:5px;
border:1px solid #666666;
margin:0px 5px 0px 5px;
}
table.example a.currentpage {
background-color:yellow;
}
/* Striping */
tr.alternate {
background-color:#ffffcc;
}
/* Sorting */
th.table-sortable {
cursor:pointer;
background-image:url("sort
able.gif")
;
background-position:center
left;
background-repeat:no-repea
t;
padding-left:12px;
}
th.table-sorted-asc {
background-image:url("sort
ed_up.gif"
);
background-position:center
left;
background-repeat:no-repea
t;
}
th.table-sorted-desc {
background-image:url("sort
ed_down.gi
f");
background-position:center
left;
background-repeat:no-repea
t;
}
th.table-filtered {
background-image:url("filt
er.gif");
background-position:center
left;
background-repeat:no-repea
t;
}
select.table-autofilter {
font-size:smaller;
}
/* Examples which stray from the default */
table.altstripe tr.alternate2 {
background-color:#ccffff;
}
==========================
==========
==========
==========
==========
==========
On the page itself the table looks like this:
==========================
==========
==========
==========
==========
==========
<table id="t1" class="example table-autosort table-autofilter table-autopage:10000000000
000000 table-stripeclass:alternat
e table-page-number:t1page table-page-count:t1pages table-filtered-rowcount:t1
filtercoun
t table-rowcount:t1allcount"
>
<thead>
<tr>
Start Free Trial