Hi All,
I've run into an "odd" stylesheet issue on IE6. Not a CSS guru so not sure
if this is expected behavior.
I have an application that includes a site-wide style sheet with
<LINK rel="stylesheet" type="text/css" href="../stylesheet.css">
In this stylesheet is the following snippet:
TABLE
{
BORDER: royalblue 1px;
COLOR: midnightblue;
BACKGROUND-COLOR: royalblue;
cellspacing: 0;
cellpadding: 0
}
TR
{
BACKGROUND-COLOR: white
}
.ERR
{
background-color: Silver;
}
TH
{
BORDER-RIGHT: white 1px;
BORDER-TOP: white 1px;
FONT: 10pt Verdana,Arial,Sans-Serif;
BORDER-LEFT: white 1px;
COLOR: white;
BORDER-BOTTOM: white 1px;
BACKGROUND-COLOR: royalblue;
TEXT-DECORATION: underline
}
TD
{
BORDER: royalblue 1px;
FONT: 8pt Verdana,Arial,Sans-Serif;
COLOR: black;
BACKGROUND-COLOR: white
}
So the default for all <TD> and <TABLE> tags is a blue border.
I wanted to override this setting on a particular page so I inserted the
following:
<STYLE>
TABLE{
border: 0; !important
}
TR{
border: 0 ; !important
}
TD{
border: 0 ; !important
}
TH{
border: 0; !important
}
</STYLE>
Ive also tried (my preference):
<STYLE>
TABLE,TR,TD,TH {
border: 0; !important
}
</STYLE>
And, also:
<table border="0" cellpadding="1" cellspacing="2" align="center" width="80%"
style="border: 0 !important">
But NONE of these seem to work, IE will not let me get rid of the default
blue border. I have always used inline styles to override higher-level
settings, but it has always been on a custom "." class that I have written,
not a default HTML element like <TABLE>. Is this by design or am I missing
something?
The only other option I can think of is to create a custom .class and go
through the entire site applying it to the tables that exist. Not to
excited about this option.
Any advice is appreciated!
Thanks!
----------------------------------------------------------
To post, send email to [email protected]
To unsubscribe:
http://www.dfwcfug.org/form_MemberUnsubscribe.cfm
To subscribe:
http://www.dfwcfug.org/form_MemberRegistration.cfm
