Hi all,
Thanks for viewing.
I have a CSS file which works in IE but the tables are not showing in Firefox.
I dont know what I have wrong.
Cheers
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* name 2 CSS HTML Styles */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body, td, th, p {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}
a:link {
text-decoration: none;
color: #666666;
}
a:visited {
text-decoration: none;
color: #333333;
}
a:hover {
background:default color;
}
a:active {
text-decoration: none;
background: #FFFFFF;
color: #666666;
}
hr{
color: #666666;
height: 1px;
width: 90%;
}
h1 {
color: #666666;
margin: 0px;
border-bottom: 1px solid #666666;
font-size: 14px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #666666;
}
/*Form Elements*/
form {
margin: 0px;
}
input, select, textarea {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
color: #666666;
}
input {
background: #FFFFFF;
border: 1px solid #CCCCCC;
}
select, textarea {
background: #FFFFFF;
border: 1px solid #003366;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
}
table {
font-family: Verdana,Arial,Helvetica,sans-serif;
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* name 2 CSS Classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
NOTE: All styles below are specific to name 2.
You may use the CSS above, or remove it and attach
your own CSS file in addition to name.css
*/
.smallprint {
font: 11px;
}
.pagingLinks {
text-decoration: none;
text-align: center;
}
.errorMessage {
color: #993333;
font-weight: bold;
}
/*Form Styles*/
input.formCheckbox {
background: transparent;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
input.formButton {
background: #CDE719;
border-bottom: 1px solid #F5F5F5;
border-left: 1px solid #F5F5F5;
border-right: 1px solid #F5F5F5;
border-top: 1px solid #F5F5F5;
color: #FFFFFF;
font-weight: bold;
margin: 3px 3px 0px 3px;
}
/* Tables used to display tabular Data. */
/* Apply to <table> tags only.
Example: <table class="tabulardata">*/
table.tabularData, table.tabularData td, table.tabularData th {
border: 1px solid #FFFFFF;
border-collapse: collapse;
}
table.tabularData td, table.tabularData th{
padding: 3px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active {
color: #999999;
background-color: #CDE719;
}
/* altrowEven & altrowOdd are used to style alternating table rows. */
.altrowEven {
background-color: #FAFAFA;
}
.altrowOdd{
background-color: #F5FAF5;
}