css :Property FILTER not recognized.

Question

naveedqadri 0 Junior Poster in Training

14 Years Ago

Hi Experts,

Thanks for helping me.I have css created in 2003, but now when i check on http://www.htmlhelp.com/cgi-bin/csscheck.cgi, it has many errors and warning. I am really new to CSS or You can say nothing on css.

FILTER
WRITING-MODE ERRORS
and other.

I need urgent HELP

HERE is MY CSS FILE to REVIEW:

body {
	font-family: arial;
	background-color:#FeFaF9;
	font-size:8pt;
	margin-top:0;
	margin-left:20px;
}
.VerticalText
{
    FILTER: flipV() flipH() ;	
    WRITING-MODE: tb-rl;
	
}
.VerticalText1
{
    FILTER: flipV() flipH() ;	
    WRITING-MODE: tb-rl;
	
layout-flow : vertical-ideographic;
	
}
.Vert_stbtext
{
    FILTER: flipV() flipH() ;	
    WRITING-MODE: tb-rl;
	
	font-weight:bolder;
	border-bottom-color:#999999;
	border-right-color:#999999;
}


.Vert_Text1
{
    FILTER: flipH() flipV();
    WRITING-MODE: tb-rl;
	background-color:#ADCFE9;
}

.Vert_Text2
{
    FILTER: flipH() flipV();
    WRITING-MODE: tb-rl;
	background-color:#D7EEFF;
}
.Vert_Text3
{
    FILTER: flipH() flipV();
    WRITING-MODE: tb-rl;
	background-color:#9CE2A9;
}
.Vert_Text4
{
    FILTER: flipH() flipV();
    WRITING-MODE: tb-rl;
	background-color:#FEA959;
	font-weight:bolder;
}
.Vert_Text5
{
    FILTER: flipH() flipV();
    WRITING-MODE: tb-rl;
	background-color:#F78AE7;
	font-weight:bolder;
}
.Vert_Text6
{
    FILTER: flipH() flipV();
    WRITING-MODE: tb-rl;
	background-color:#6cabd9;
	font-weight:bolder;
}
.Vert_Text7
{
    FILTER: flipH() flipV();
    WRITING-MODE: tb-rl;
	background-color:#FF99CC;
	font-weight:bolder;
}

.Vert_Text8
{
    FILTER: flipH() flipV();
    WRITING-MODE: tb-rl;
	background-color:#E9F0F3;
	font-weight:bolder;
}

.Vert_Text9
{
    FILTER: flipH() flipV();
    WRITING-MODE: tb-rl;
	background-color:#9FA0D2;
	font-weight:bolder;
}
.Vert_Text10
{
    FILTER: flipH() flipV();
    WRITING-MODE: tb-rl;
	background-color:#ffeba6;
	font-weight:bolder;
}




.Vert_pinkText
{
	FILTER: flipV() flipH() ;	
   WRITING-MODE: tb-rl;

	background-color:#FFB7DB;
	font-weight:bolder;
}
.Vert_grnText
{
    FILTER: flipV() flipH() ;	
    WRITING-MODE: tb-rl;
	
	background-color:#9CE2A9;
	font-weight:bolder;
}
.Vert_bluText
{
    FILTER: flipV() flipH() ;	
    WRITING-MODE: tb-rl;
	
	background-color:#6CABD9;
	font-weight:bolder;
}

td.dcphead
{
	background-color:#EBDC76;
	font-weight:bolder;
}
td.dcpgrp
{
	background-color:#F3F0C2;
}
td.dcpdata
{
	background-color:#FEFFEC;	
}

td.sh3
{
	background-color:#adcfe9;
	text-align:left;
	font-weight:bolder;
}

td.isobldlvl3
{
	background-color:#D1EBF8;
	font-weight:bolder;
}

td.sh2
{
	background-color:#FEA959;
	text-align:center;
	font-weight:bolder;
}
td.actTab
{
	background-color:#000099;
	text-align:center;
	vertical-align:middle;
	font-size:16px;
	font-family:Arial;
	font-weight:bolder;
	color:#FFFFFF;
}
td.nonActTab
{
	background-color:#BAD8E9;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	font-family:Arial;	
	color:#003399;
}
td.nonSelTab
{
	background-color:#E6E6E6;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	font-family:Arial;		
}
td.isobldlvl2
{
	background-color:#B5E0F4;
	font-weight:bolder;
}
td.isolvl2
{
	background-color:#B5E0F4;
}
td.isodata
{
	background-color:#ECF8FD;
}
td.isobldlvl1
{
	background-color:#83B6D1;
	font-weight:bolder;
}
td.isolvl1
{
	background-color:#83B6D1;
}


thead {
  display: table-header-group;
 }
 
pre {
	font-family: arial;
	font-size:8pt;
}

a
{
color:#FF0000;
font-size:8pt;
text-decoration:none;
}

a:hover
{
color:#990000
}

a:link
{
color:#990000;
font-size:8pt;
text-decoration:none;
}

a:visited
{
color:#990000;
font-size:8pt;
text-decoration:none;
}

h1
{
	color:#FF8346;
	font-size:16pt
}

h2
{
	color:#004F9D;
	font-size:14pt
}

h3
{
	color:#3399FF;
	font-size:12pt
}


table
{
	font-family: arial;
	font-size:8pt;
}
.head_style
{
	font-size:18pt;
	font-family:Verdana;	
	color:#ab1a10;
	font-weight:bolder;
}
form
{

}
BUTTON
{
	background-color: #77BBFF;
	color:#00CCFF;
}
input{

font-size:8pt;
font-family:verdana;
border-width:1px;
border-style:solid;
border-color:#333399
}
textarea{
font-size:8pt;
font-family:verdana;
border-width:1px;
border-style:solid;
}
select{
background-color:#abc9ee;
font-size:8pt;
font-family:verdana;
border-width:1px;
border-style:solid;
}
input.text
{
background-color:#ffffff;
}
input.bgbutton
{
color:Navy;
background-color:#77bbff;
border-width:1px;
border-color:#000066;
}
.CC
{
 	background-color:#FB83D2;
}
.SC
{
 	background-color:#FAC5E8;
}
.AC
{
 	background-color:#FEEBF8;
}
.OK
{
 	background-color:#F1F8FB;
}
.Zpair_bg
{
 	background-color:#F8FCFD;
}
.Zpair_tdbg
{
 	background-color:#E9F0F3;
}


.tdsel
{
	background-color:#d7d9da;
	border-width:1px;
	border-style:solid;
	border-color:#4e6172;
	border-right-style:none;
}
.tdsel-without
{
	background-color:#d7d9da;
}
.bgcolor-panel
{
	margin-left: 0px;
	margin-right:0px;
	background-color:#2083C4;
	
}
.scroll-panel
{
}
.TA 
{
}
.qfdheadsel
{
	background-color:#6ccfff;
}
.qfdtitlesel
{
	background-color:#99FFCC;
}
.titledata
{
	font-weight:bold;
}
.importantdata
{
	font-weight:bold;
}
.hdata
{
background-color:#33CCCC;
}
.vdata
{
background-color:#99FFCC;
}
.impNew
{
	background-color:#F4E7F4;
}
.impExist
{
	background-color:#FFFAE2;
}
.impNonExist
{
	background-color:#D6EBF2;
}
.impHead
{
	background-color:#C6DFD5;
}
.titlecol
{
	background-color:#E7F4E7;
}
.functioncol
{
	background-color:#F7DACA;
}

table.spcnorm
{
	background-color:#79cec9;
}
td.sh
{
	background-color:#adcfe9;
	text-align:right;
	font-weight:bolder;
}
td.sh1
{
	background-color:#adcfe9;
	text-align:center;
	font-weight:bolder;
}
td.data
{
	background-color:#d7eeff;
}
td.head
{
	background-color:#6cabd9;
	font-weight:bolder;
}
td.tdbox
{
border-width:medium;
border-style:solid;
border-color:#ff0000;
}

td.tdbox1
{

border-width:medium;
border-style:solid;
border-color:#00ff00;
}

td.green1
{
background-color:#85DC89;
}
td.green2
{
background-color:#ABE7AE;
}
td.green3
{
background-color:#C9EFCD;
}
td.green4
{
background-color:#E0F5E0;
}

td.blue1
{
background-color:#8CA4FF;
}
td.blue2
{
background-color:#A6BAFF;
}
td.blue3
{
background-color:#C6D2FF;
}
td.blue4
{
background-color:#DDE3FF;
}

td.leftsh
{
	background-color:#ADCFE9;
	text-align:left;
	font-weight:bolder;
}
td.unsh
{
	background-color:#C1F0D6;
	text-align:left;
	font-weight:bolder;
}
td.unhead
{
	background-color:#9CE2A9;
	font-weight:bolder;
}


tr.trblue1
{
background-color:#8CA4FF;
}
tr.trblue2
{
background-color:#A6BAFF;
}
tr.trblue3
{
background-color:#C6D2FF;
}
tr.trblue4
{
background-color:#DDE3FF;
}


td.pink1
{
background-color:#FFAAB7;
}
td.pink2
{
background-color:#FFBFC9;
}
td.pink3
{
background-color:#FFDDE3;
}
td.pink4
{
background-color:#FFF0F2;
}

tr.trpink1
{
background-color:#FFAAB7;
}
tr.trpink2
{
background-color:#FFBFC9;
}
tr.trpink3
{
background-color:#FFDDE3;
}
tr.trpink4
{
background-color:#FFF0F2;
}

td.orange1
{
background-color:#FFb769;
}
td.orange2
{
background-color:#FFCF9B;
}
td.orange3
{
background-color:#FFe2c3;
}
td.orange4
{
background-color:#FFECD7;
}


th.Head1
{
background-color:#59ACFF;
}
tr.sub1
{
background-color:#FFD7AE;
}
tr.sub2
{
background-color:#D9ECFF;
}
table.outerborder{
border-width:1px;
border-bottom-width:1px;
border-top-width:1px;
border-left-width:1px;
border-right-width:1px;
}
td.doe_ia{
background-color:#fff299;
}
td.doe_ia_head{
background-color:#EADB1B;
}
td.doe_oa{
background-color:#99ffcc;
}
td.doe_oa_head{
background-color:#00AB39;
}
td.doe_da{
background-color:#ffd6c6;
}
td.doe_da_head{
background-color:#EDB996;
}
td.doe_cum{
background-color:#FBC2AB;
}
td.doe_cum_head{
background-color:#EEAD81;
}
td.doe_tpm{
background-color:#ffad99;
}
td.doe_tpm_head{
background-color:#FF8E70;
}
td.doe_npm{
background-color:#e2ff99;
}
td.doe_npm_head{
background-color:#BAE55F;
}
td.print_head{
	background-color:#B9CFFF;
	font-weight:bolder;
}
td.print_data{
	background-color:#EAF1FF;
}
td.spc_sh_new{
	background-color:#DFEFFF;
}
td.spc_data_new{
	background-color:#FBFDFF;
}
td.spc_sh_open{
	background-color:#FDE4CC;
}
td.spc_data_open{
	background-color:#FFF9F2;
}
td.rel0
{
 	background-color:#DBDBDB;
}
td.rel1
{
 	background-color:#BBB1F4;
}
td.rel2
{
 	background-color:#8A8AFF;
}
td.rel3
{
 	background-color:#FFCADB;
}
td.rel4
{
 	background-color:#FF97B9;
}
.d9
{
 	background-color:#0066CC;
}
.d3
{
 	background-color:#3E9EFF;
}
.d2
{
 	background-color:#ff9b9b;
}
.d1
{
 	background-color:#C6E2FF;
}
.d0
{
 	background-color:#DBDBDB;
}



.d12
{
 	background-color:#66aaff;
}
.d11
{
 	background-color:#C6E2FF;
}
.d10
{
 	background-color:#ff9b9b;
}











td.qfd_brline{
	background-color:#999999;
}

td.qfd_header{
background-color:#DAEBB4;
}
td.qfd_title{
background-color:#FFDFF4;
}
td.qfd_imp{
background-color:#CCF4FF;
}
td.qfd_imp_head{
background-color:#91E7FF;
}
td.qfd_comp{
background-color:#FFF5CE;
}
td.qfd_comp_head{
background-color:#FFEDA6;
}
td.qfd_prod{
background-color:#FFDFDF;
}
td.qfd_prod_head{
background-color:#FFC1C1;
}
td.qfd_ovr{
background-color:#F0E1FF;
}
td.qfd_ovr_head{
background-color:#DFBFFF;
}

td.qfd_obj{
background-color:#CCF4FF;
}
td.qfd_obj_head{
background-color:#91E7FF;
}

td.qfd_timp{
background-color:#F0E1FF;
}

td.qfd_timp_head{
background-color:#DFBFFF;
}

td.qfd_legal{
background-color:#FFD5EA;
}
td.qfd_legal_head{
background-color:#B0E6FF;
}
td.qfd_menus{
background-color:#99ccff;
}

tr.isodata
{
	background-color:#ECF8FD;
}
tr.isolvl1
{
	background-color:#83B6D1;
}
tr.isolvl2
{
	background-color:#B5E0F4;
}
tr.data
{
	background-color:#D7EEFF;
}
tr.head
{
	background-color:#6CABD9;
	font-weight:bolder;
}

td.grrhead1
{
	background-color:#6CABD9;
	font-weight:bolder;
}

td.grrhead2
{
	background-color:#FF99CC;
	font-weight:bolder;
}
td.grrhead3
{
	background-color:#9CE2A9;
	font-weight:bolder;
}
td.grrhead4
{
	background-color:#9FA0D2;
	font-weight:bolder;
}
td.grrhead5
{
	background-color:#FEA959;
	font-weight:bolder;
}
td.grrhead6
{
	background-color:#ffeba6;
	font-weight:bolder;
}




td.grrdata1
{
	background-color:#D7EEFF;
}
td.grrdata2
{
	background-color:#FFE6F2;
}

td.grrdata3
{
	background-color:#E0F1DA;
}
td.grrdata4
{
	background-color:#F4F4FF;
}
td.grrdata5
{
	background-color:#ffe8c5;
}
td.grrdata6
{
	background-color:#FCFAE2;
}





tr.grrhead1
{
	background-color:#6CABD9;
	font-weight:bolder;
}

tr.grrhead2
{
	background-color:#FF99CC;
	font-weight:bolder;
}
tr.grrhead3
{
	background-color:#9CE2A9;
	font-weight:bolder;
}

tr.grrdata1
{
	background-color:#D7EEFF;
}
tr.grrdata2
{
	background-color:#FFE6F2;
}

tr.grrdata3
{
	background-color:#E0F1DA;
}
td.grrsh1
{
	background-color:#ADCFE9;
}
td.grrsh2
{
	background-color:#FFC4E1;
}
td.grrsh3
{
	background-color:#C1F0D6;
}
td.grrsh4
{
	background-color:#dcd5ee;
}
td.grrsh5
{
	background-color:#ffd0ab;
}


td.affmgrp
{
	background-color:#83B6D1;
	font-weight:bolder;
}

td.affunsh
{
	background-color:#C1F0D6;
	font-weight:bolder;
}

td.affunsh1
{
	background-color:#C1F0D6;
}

td.affundata
{
	background-color:#E0F1DA;	
}

td.affunhead
{
	background-color:#9CE2A9;
	font-weight:bolder;
}

td.affsh
{
	background-color:#ADCFE9;
}



td.com_head{
background-color:#D4CD70;
}

td.com_sh{
background-color:#D2CF90;
}

td.com_data{
background-color:#DFDCB0;
}


td.pay_head{
background-color:#D4CD70;
}
td.pay_sh{
background-color:#D4CD70;
}
td.pay_data{
background-color:#D4CD70;
}

td.pack_head{
background-color:#D4CD70;
}
td.pack_sh{
background-color:#D4CD70;
}
td.pack_data{
background-color:#D4CD70;
}

td.com_head{
background-color:#C1B950;
}
td.com_sh{
background-color:#D2CB79;
}
td.com_data{
background-color:#FEFCE6;
}


td.pay_head{
background-color:#FAA4ED;
}
td.pay_sh{
background-color:#FDC8F5;
}
td.pay_data{
background-color:#E2E1FB;
}

td.pack_head{
background-color:#C8C7FC;
}
td.pack_sh{
background-color:#D1D0F2;
}
td.pack_data{
background-color:#ECEBFB;
}


td.user_head{
background-color:#7CCDB2;
}
td.user_sh{
background-color:#A4DBC9;
}
td.user_data{
background-color:#D0EDE3;
}


td.proj_head{
background-color:#F8A9EC;
}
td.proj_sh{
background-color:#F8BFF0;
}
td.proj_data{
background-color:#FCDEF8;
}

table.Static_App_main_table
{
	width  :100%;
	border-style :none;
	border-width:0px;
}

 .divLeft
{
	position:absolute;
	left:0px;
	top:72px;
	width:188px;
	height:100%;
	z-index:2;
	background-color:#94B4EB;
}
.divMain
{
	position:absolute;
	left:188px; 
	top:71px; 
	width:790px; 
	height:100%; 
	z-index:2
}
.divTop
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:71px;
	z-index:1; 
	background-image:url(/ictm/Images/bar22BG.gif); 
	border: 1px none #000000;
}

.imgWrapRight
{
	float:right;
}
p
{
	font-weight:normal;
	font-family:Verdana;
}
a.aNormal
{
	font-weight:normal;
	font-family:Verdana;
	color:Blue;
	text-decoration:underline;
	font-size:10pt;
}



table.bgorng
{
	background-color:#FDF6EE;
}
table.bggrn
{
	background-color:#FAFBF4;
}
table.bgvlt
{
	background-color:#FBFBFB;
}
table.bgblu
{
	background-color:#F6FAFB;
}



td.orng_head{
background-color:#F4AC64;
font-weight:bolder;
}
td.orng_head1{
background-color:#F4D2B0;
font-weight:bolder;
}
td.orng_head2{
background-color:#F5E1CE;
font-weight:bolder;
}
td.orng_sh{
background-color:#ECCAA8;
font-weight:bolder;
}

td.orng_data{
background-color:#F8EBDF;
}



td.grn_head{
background-color:#BFC89A;
font-weight:bolder;
}

td.grn_sh{
background-color:#CEDD98;
font-weight:bolder;
}

td.grn_data1{
background-color:#FCFBEA;
}

td.grn_data{
background-color:#F4FBD9;
}

td.vlt_head{
background-color:#E8D9EB;
font-weight:bolder;
}
td.vlt_head1{
background-color:#D5B4D7;
font-weight:bolder;
}
td.vlt_head2{
background-color:#b38cff;
font-weight:bolder;
}
td.vlt_data{
background-color:#FAF2FC;
}
td.vlt_data1
{
	background-color :#FDFBFD;
}
td.vlt_data2
{
	background-color :#F4F4FF;
}


td.vltin_head1{
background-color:#CBD6E3;
font-weight:bolder;
}
td.vltin_data1{
background-color:#F1F4F8;
}
td.vltin_head2{
background-color:#DFE6D1;
font-weight:bolder;
}
td.vltin_data2{
background-color:#F7FBEE;
}
td.vltin_head3{
background-color:#F0E8DB;
font-weight:bolder;
}
td.vltin_data3{
background-color:#FCF8F1;
}

td.blu_head1{
background-color:#B7C5D1;
font-weight:bolder;
}
td.blu_head2{
background-color:#D2DDE7;
font-weight:bolder;
}
td.blu_head3{
background-color:#E3EEF7;
font-weight:bolder;
}

td.blu_head4{
background-color:#C5E2F6;
font-weight:bolder;
}

td.blu_data{
background-color:#F4F9FE;
}



font.delitems
{
	color:#ff0033;
}
font.subhead
{
	color:#0066CC;
	font-weight:bolder;
	font-family:Arial ;
	font-size:15px;
}
font.grahead
{
	font-weight:bolder;
	font-family:Arial ;
	font-size:13px;
}

html-css:bootstrap web-design

2 Contributors
2 Replies
283 Views
10 Hours Discussion Span
Latest Post 14 Years Ago Latest Post by naveedqadri

Dani AI

Generated 9 Months Ago

A short, practical update for the thread: the styles in this old stylesheet mix Microsoft-only Visual Filters and legacy writing-mode values with ordinary CSS. ’s file dates from the IE era; correctly flagged a filter problem — those flip/BasicImage filters are part of Internet Explorer’s proprietary visual-filter system (deprecated and different from modern CSS filters). Use that IE syntax only if you must keep compatibility for very old IE versions. (learn.microsoft.com)

For modern browsers use the standard CSS filter effects (blur, grayscale, drop-shadow, etc.). They accept function calls and are not the same tokens or behavior as the old IE filters, so replacing the legacy filter lines with the standard filter() functions is the future-proof route. Check browser support before you rely on heavy effects in production. (developer.mozilla.org)

For vertical text, the writing-mode values from CSS3 replaced the old tb-rl naming; use the standard vertical values and add text-orientation when you need upright glyphs (this handles East Asian vertical type properly). If you must support older user agents, provide a simple transform fallback (rotate) so the text remains readable. Example patterns:

.vertical-label {
  writing-mode: vertical-rl;
  text-orientation: upright;
  display: inline-block;
}

.vertical-fallback {
  transform: rotate(-90deg);
  transform-origin: left top;
  display: inline-block;
}

Always progressively enhance: keep legacy IE-only filter lines inside conditional comments or an IE-specific stylesheet if you need them, and trigger layout for those effects only where required (older IE filters need the element to “have layout”). Prefer the standard properties for accessibility, printing, and long-term maintainability. (developer.mozilla.org)

All 2 Replies

richardtj 0 Newbie Poster

14 Years Ago

FILTER: flipV() flipH() ;

has a syntax error and should read:

filter:flipv fliph;

. Hopefully that'll sort it for you.

Edited 14 Years Ago by richardtj because: n/a

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

naveedqadri 0 Junior Poster in Training · Answer 1 · 2011-12-16T22:23:26+00:00

Thanks richardtj, I'll check it and let you know, Do you think
WRITING-MODE:tb-rl
is ok ?

coz this is another error.

css :Property FILTER not recognized.

Dani AI

Recommended Answers Collapse Answers

All 2 Replies

Recommended Answers