Skip to main content
Inspiring
Aug 22, 2018 5:09 PM UTC
Answered

How do I fix these errors, since everything has gone to HTML 5?

I am needing to add/correct some stuff in the CSS page for my website and not sure what to add or edit for the following errors:

Line 50: The allowtransparency attribute on the iframe element is obsolete. Use CSS instead

Line 50: The frameborder attribute on the iframe is obsolete. Use CSS instead

Line 135: Bad value 0% for attribute aria-valuenow on element div : Expected a decimal point, e, E or a digit but saw % instead.

www.renegadescookingteam.com/sponspack_b.html

Any assistance would be greatly appreciated.

John

    This topic is closed to new replies. Start a new post to keep the conversation going.
    Jon Fritz
    Jon FritzCorrect answer
    Community Expert
    Aug 22, 2018 6:57 PM UTC

    The allowtransparency attribute is an old IE only thing with no real css fix for it. You can wrap that attribute in a conditional comment so it validates and IE recognizes it...

    <!--[if IE] allowTransparency="true" -->

    The frameborder attribute doesn't exist in HTML5. You can use css "border:0" on a class or id associated with your iframe, or the ifram element itself, and remove the frameborder attribute from the html.


    The value for the aria-valuenow attribute needs to be a plain number. The % symbol is not allowed.

    4 replies

    jodmcc49Author
    Inspiring
    Aug 24, 2018 2:48 PM UTC

    Thanks Jon, What number would I use instead of %, since this is for a manually edited progress bar?

    John

    Translate
    Jon Fritz
    Community Expert
    Community Expert
    Aug 24, 2018 4:18 PM UTC

    Typically, you'd use a simple whole number and then add the % in the script.

    Translate
    Nancy OShea
    Community Expert
    Community Expert
    Aug 22, 2018 7:08 PM UTC

    Errors 1 & 2 are not critical errors.  You can skip them if you want to. 

    Translate
    Nancy O'Shea— Product User & Community Expert
    Jon Fritz
    Community Expert
    Jon FritzCommunity ExpertCorrect answer
    Community Expert
    Aug 22, 2018 6:57 PM UTC

    The allowtransparency attribute is an old IE only thing with no real css fix for it. You can wrap that attribute in a conditional comment so it validates and IE recognizes it...

    <!--[if IE] allowTransparency="true" -->

    The frameborder attribute doesn't exist in HTML5. You can use css "border:0" on a class or id associated with your iframe, or the ifram element itself, and remove the frameborder attribute from the html.


    The value for the aria-valuenow attribute needs to be a plain number. The % symbol is not allowed.

    Translate