Jump to content

This w3schools example can't be validated with validator.w3.org/unicorn


Hero

Recommended Posts

Hi!

 

 

I tried using "Example 3 - Text in Transparent Box" here:

http://www.w3schools.com/css/css_image_transparency.asp

 

But it could not be validated.

 

My experiment can be found here:

http://www.transformation.dk/chemtrails/forsoge-lave-ramme3.html

 

This is the error I receive when I try to validate it with http://validator.w3.org/unicorn/ :

 

This document could not pass the test: W3C CSS Validator (Level 3)

Error (1)

Address: http://www.transformation.dk/chemtrails/forsoge-lave-ramme3.html

7 div.transbox Parse Error opacity=70)

 

I have also copied the original example into an individual page here:

http://www.transformation.dk/chemtrails/Opacity-experiment.html

That generates A LOT of errors, including the one mentioned above. So it is not my way of incorporating it in my page that creates the error.

 

 

Best regards,

H.R.

 

Link to comment
Share on other sites

It's because MS decided not to use what all other BETTER browsers use 'opacity:' which is w3c standard, but there own filter: alpha(), so because is not standard it will always give an invalid error.

The other errors relate to no title and no charset set in head which is required.

Link to comment
Share on other sites

If you want page to validate with IE non standard opacity code.

        <style type="text/css">            div.background            {                width: 500px;                height: 250px;                background: url('LastChance1_800x450.jpg') repeat;                border: 2px solid black;            }            div.transbox            {                width: 400px;                height: 180px;                margin: 30px 50px;                background-color: #ffffff;                border: 1px solid black;                opacity:0.6;            }            div.transbox p            {                margin: 30px 40px;                font-weight: bold;                color: #000000;            }        </style>        <!-- DUMP MS IE SPECIFIC NONE STANDARD C@#P HERE -->        <!--[if lte IE 8]>        <style type="text/css">div.transbox { filter:alpha(opacity=60); /* For IE8 and earlier */}</style><![endif]-->
Link to comment
Share on other sites

CSS include of CCS2, and CSS3. CSS3 would be new CSS styling features for example border-radius, background-size:, and being able to use two image on background.

 

Doctype tells the validator what version xhtml/html version to test against, for example HTML5 allows anchors to be placed around div block containers whereas older doctypes wouldn't, HTML5 has new elements that are not allowed in older doctype versions.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...