- Exclusive Author
- Has been a member for 1-2 years
- Mauritius
- Microlancer Beta Tester
- Sold between 1 000 and 5 000 dollars
Hello. I have been trying to validate my codings, but I get warnings for my HTML and errors for the css. The errors shown are mainly Css3 properties. Will such errors and warnings pass the ‘minimum technical quality requirements’ ?
Concerning the HTML , I get warnings like :
line 213 column 12 - Warning: <a> proprietary attribute "data-filter" line 413 column 10 - Warning: </a><a> proprietary attribute "data-nr" </a>
Concerning the Css, I get errors like :
#content Property -webkit-box-shadow doesn't exist : 0 1px 6px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset .bevel-button Property -webkit-transition doesn't exist : 0.1s linear input:focus Property -moz-box-shadow doesn't exist : inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6) .cyan Value Error : background -o-linear-gradient(top,rgba(130,207,241,1) 0%,rgba(56,174,234,1) 100%) is not a background-color value : -o-linear-gradient(top,rgba(130,207,241,1) 0%,rgba(56,174,234,1) 100%)
Could someone please help me out ? Thanks
Also, i am unable to access to http://validator.w3.org/. Anyone else facing same ?
- United Kingdom
- Sold between 10 000 and 50 000 dollars
- Exclusive Author
- Most Wanted Bounty Winner
- Interviewed on the Envato Notes blog
- Referred between 10 and 49 users
- Bought between 10 and 49 items
- Microlancer Beta Tester
- Has been a member for 1-2 years
simplesphere said
Hello. I have been trying to validate my codings, but I get warnings for my HTML and errors for the css. The errors shown are mainly Css3 properties. Will such errors and warnings pass the ‘minimum technical quality requirements’ ?Concerning the HTML , I get warnings like :
line 213 column 12 - Warning: <a> proprietary attribute "data-filter" line 413 column 10 - Warning: </a><a> proprietary attribute "data-nr" </a>Concerning the Css, I get errors like :
#content Property -webkit-box-shadow doesn't exist : 0 1px 6px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset .bevel-button Property -webkit-transition doesn't exist : 0.1s linear input:focus Property -moz-box-shadow doesn't exist : inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6) .cyan Value Error : background -o-linear-gradient(top,rgba(130,207,241,1) 0%,rgba(56,174,234,1) 100%) is not a background-color value : -o-linear-gradient(top,rgba(130,207,241,1) 0%,rgba(56,174,234,1) 100%)Could someone please help me out ? Thanks
Also, i am unable to access to http://validator.w3.org/. Anyone else facing same ?
for the css to become valid you cant use rgba or web kits.
web kits i dont think will ever be valid because these are hacks made to temporarily tame the issue on older browsers that do not support things like border-radius, the rgba will do doubt become valid when all browsers start using them.
Hope this helps.
- Author had a Free File of the Month
- Microlancer Beta Tester
- Has been a member for 2-3 years
- Exclusive Author
- Europe
- Most Wanted Bounty Winner
- Bought between 50 and 99 items
- Referred between 10 and 49 users
- Sold between 10 000 and 50 000 dollars
simplesphere said
line 213 column 12 - Warning: <a> proprietary attribute "data-filter" line 413 column 10 - Warning: </a><a> proprietary attribute "data-nr" </a>
data attribute is not a problem(it can be ignored) only if document declaration is HTML5 valid.
This: <!DOCTYPE HTML >
- Exclusive Author
- Has been a member for 1-2 years
- Mauritius
- Microlancer Beta Tester
- Sold between 1 000 and 5 000 dollars
UBL said
for the css to become valid you cant use rgba or web kits.web kits i dont think will ever be valid because these are hacks made to temporarily tame the issue on older browsers that do not support things like border-radius, the rgba will do doubt become valid when all browsers start using them.
Hope this helps.
Thanks @UBL, hopefully modern browsers will adapt to these growing changes
- Exclusive Author
- Has been a member for 1-2 years
- Mauritius
- Microlancer Beta Tester
- Sold between 1 000 and 5 000 dollars
Smartik said@Smartik : Thanks, it worked out. Is something like the following valid ? :
data attribute is not a problem(it can be ignored) only if document declaration is HTML5 valid.
This: <!DOCTYPE HTML >
<li><img data-nr="0" src="img/pattern/pattern0.png" alt="" /></li>
