Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 3 123 LastLast
Results 1 to 15 of 34
  1. #1
    New Coder
    Join Date
    Jul 2011
    Posts
    51
    Thanks
    1
    Thanked 0 Times in 0 Posts

    ie9 not compatible error messages?

    I am new at creating websites but have made a handful. I recently built one that is displaying incorrectly only on ie9. Every other browser displays fine. Can someone please assist in my errors? Thanks
    ERROR
    an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified
    <div id="apDiv19"><img src="Images/ivory2.jpg" width="894" height="719" border=3/></div>
    ERROR
    required attribute "alt" not specified
    <div id="apDiv24"><img src="Images/header.jpg" width="1100" height="310" border=1 /></div>
    ERROR
    document type does not allow element "link" here
    <div id="apDiv35"><img src="Images/colorpalette1.jpg" width="490" height="328" /></div>

  • #2
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    Code:
    <div id="apDiv19"><img src="Images/ivory2.jpg" width="894" height="719" border=3/></div>
    should be

    Code:
    <div id="apDiv19"><img src="Images/ivory2.jpg" width="894" height="719" border=3 /></div>
    Code:
    <div id="apDiv24"><img src="Images/header.jpg" width="1100" height="310" border=1 /></div>
    to be wc3 valid, all images should have an alt tag like
    Code:
    <div id="apDiv24"><img src="Images/header.jpg" alt="This is the header Image" width="1100" height="310" border=1 /></div>
    this is in case the image does not display, there is still text.

    the third one cannot be solved with the code you have shown. you most likely have incorrectly nested an element somewhere in your html.

  • #3
    New Coder
    Join Date
    Jul 2011
    Posts
    51
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks for the help what would you need to assist me in solving the 3rd case? Thanks

  • #4
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    Um, I think the problem is the missing quotes here:

    Code:
    <div id="apDiv24"><img src="Images/header.jpg" width="1100" height="310" border=1 /></div>
    which should be:

    Code:
    <div id="apDiv24"><img src="Images/header.jpg" width="1100" height="310" border="1" /></div>
    and the same for the other line of code.

    Need to see your full html for the other error.

  • #5
    New Coder
    Join Date
    Jul 2011
    Posts
    51
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Here is the code. Thanks


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>Philip Salon</title>

    <style type="text/css">

    #apDiv1 {

    position:absolute;

    left:130px;

    top:50px;

    width:901px;

    height:369px;

    z-index:1;

    background-color: #592D00;

    }

    #apDiv2 {

    position:absolute;

    left:1073px;

    top:782px;

    width:16px;

    height:724px;

    z-index:2;

    }

    #apDiv3 {

    position:absolute;

    left:1161px;

    top:136px;

    width:23px;

    height:859px;

    z-index:2;

    }

    #apDiv4 {

    position:absolute;

    left:139px;

    top:894px;

    width:898px;

    height:26px;

    z-index:3;

    background-color: #663300;

    }

    body {

    background-image: url(Images/DSC_0691.jpg);

    background-attachment:fixed;

    ">

    }

    #apDiv5 {

    position:absolute;

    left:481px;

    top:55px;

    width:126px;

    height:118px;

    z-index:4;

    background-color: #FFFFFF;

    }

    #apDiv6 {

    position:absolute;

    left:162px;

    top:329px;

    width:848px;

    height:290px;

    z-index:5;

    background-color: #CC9966;

    }

    #apDiv7 {

    position:absolute;

    left:778px;

    top:77px;

    width:236px;

    height:181px;

    z-index:6;

    }

    #apDiv8 {

    position:absolute;

    left:307px;

    top:162px;

    width:250px;

    height:23px;

    z-index:7;

    }

    #apDiv9 {

    position:absolute;

    left:265px;

    top:638px;

    width:564px;

    height:182px;

    z-index:8;

    }

    #apDiv10 {

    position:absolute;

    left:149px;

    top:73px;

    width:150px;

    height:222px;

    z-index:9;

    }

    #apDiv11 {

    position:absolute;

    left:453px;

    top:189px;

    width:225px;

    height:25px;

    z-index:10;

    }

    #apDiv12 {

    position:absolute;

    left:474px;

    top:217px;

    width:189px;

    height:24px;

    z-index:11;

    }

    #apDiv13 {

    position:absolute;

    left:419px;

    top:245px;

    width:296px;

    height:24px;

    z-index:12;

    }

    body,td,th {

    font-family: Georgia, "Times New Roman", Times, serif;

    color: #000;

    }

    #apDiv14 {

    position:absolute;

    left:416px;

    top:380px;

    width:427px;

    height:42px;

    z-index:13;

    }

    #apDiv15 {

    position:absolute;

    left:1196px;

    top:-247px;

    width:30px;

    height:3968px;

    z-index:14;

    }

    #apDiv16 {

    position:absolute;

    left:352px;

    top:450px;

    width:903px;

    height:410px;

    z-index:14;

    background-color: #592D00;

    }

    #apDiv17 {

    position:absolute;

    left:135px;

    top:471px;

    width:890px;

    height:359px;

    z-index:15;

    background-color: #FFFFFF;

    }

    #apDiv18 {

    position:absolute;

    left:150px;

    top:451px;

    width:902px;

    height:424px;

    z-index:15;

    }

    #apDiv19 {

    position:absolute;

    left:144px;

    top:464px;

    width:887px;

    height:218px;

    z-index:16;

    }

    #apDiv20 {

    position:absolute;

    left:394px;

    top:273px;

    width:307px;

    height:20px;

    z-index:17;

    }

    #apDiv21 {

    position:absolute;

    left:455px;

    top:296px;

    width:212px;

    height:22px;

    z-index:18;

    }

    #apDiv22 {

    position:absolute;

    left:454px;

    top:320px;

    width:229px;

    height:21px;

    z-index:19;

    }

    #apDiv23 {

    position:absolute;

    left:50px;

    top:29px;

    width:1394px;

    height:311px;

    z-index:16;

    }

    #apDiv24 {

    position:absolute;

    left:198px;

    top:493px;

    width:813px;

    height:302px;

    z-index:17;

    }

    </style>

    </head>



    <body>

    <div id="apDiv14"><link rel="stylesheet" href="mbcsmb73g0.css" type="text/css" />





    <ul id="mb73g0ebul_table" class="mb73g0ebul_menulist" style="width: 372px; height: 35px;">

    <li class="spaced_li"><a href="http://www.philipsalon.com"><img id="mbi_mb73g0_1" src="mb_about_us.gif" name="mbi_mb73g0_1" width="93" height="35" style="vertical-align: bottom;" border="0" alt="About Us" title="" /></a></li>



    <li class="spaced_li"><a href="http://www.philipsalon.com/services.html"><img id="mbi_mb73g0_2" src="mb_services.gif" name="mbi_mb73g0_2" width="85" height="35" style="vertical-align: bottom;" border="0" alt="Services" title="" /></a></li>

    <li class="spaced_li"><a href="http://www.philipsalon.com/products.html"><img id="mbi_mb73g0_3" src="mb_products.gif" name="mbi_mb73g0_3" width="90" height="35" style="vertical-align: bottom;" border="0" alt="Products" title="" /></a></li>

    <li><a href="http://www.philipsalon.com/directions.html"><img id="mbi_mb73g0_4" src="mb_directions.gif" name="mbi_mb73g0_4" width="101" height="35" style="vertical-align: bottom;" border="0" alt="Directions" title="" /></a></li>

    </ul>

    <script type="text/javascript" src="mbjsmb73g0.js"></script></div>

    <div id="apDiv18">

    <p><img src="Images/ivory2.jpg" width="896" height="344" border=3 /></p>

    <p>&nbsp;</p>

    </div>

    <div id="apDiv23"><img src="Images/header.jpg" width="1100" height="310" border=1/></div>



    <div id="apDiv24">

    <p>&nbsp;</p>

    <p>Philip Salon is located on route 7 in Wilton CT. Our goal is to have a lofty and stylish salon with plenty of room for clients to lounge. We have leather sofas in front of a brick fireplace, views of the river, and best of all, massage chairs to sit in while getting your hair washed.<br />

    We are dedicated to each individual client. We endeavor to make whoever walks through our doors look and feel better about themselves. We are dedicated to the principle that everyone can be made to feel special by how they look. Every person brings a new challenge to the staff. It allows us to be creative and artistic because everyone’s hair, personality, and lifestyle are different.<br />

    Owner, Philip, is a master stylist with over 16 years of experience. &quot;I haven't stopped educating myself,&quot; he said. He continues his pursuit of perfection by consistently receiving high quality education from his contemporaries such as Vidal Sasson, Jaques Dessange, Bumble &amp; Bumble and Minardi &amp; Minardi. Additionally he has shared his knowledge by teaching at Redken for over 2 years. What differentiates Philip from others is his desire to please each and every customer by giving them more then they expect. </p>

    </div>

    </body>



    </html>

  • #6
    New Coder
    Join Date
    Jul 2011
    Posts
    51
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I tried it and still the same issues.

  • #7
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    all you have to do is fix what the validator site highlights in red. like so

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    <link rel="stylesheet" href="mbcsmb73g0.css" type="text/css" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <title>Philip Salon</title>
    
    <style type="text/css">
    
    #apDiv1 {
    
    position:absolute;
    
    left:130px;
    
    top:50px;
    
    width:901px;
    
    height:369px;
    
    z-index:1;
    
    background-color: #592D00;
    
    }
    
    #apDiv2 {
    
    position:absolute;
    
    left:1073px;
    
    top:782px;
    
    width:16px;
    
    height:724px;
    
    z-index:2;
    
    }
    
    #apDiv3 {
    
    position:absolute;
    
    left:1161px;
    
    top:136px;
    
    width:23px;
    
    height:859px;
    
    z-index:2;
    
    }
    
    #apDiv4 {
    
    position:absolute;
    
    left:139px;
    
    top:894px;
    
    width:898px;
    
    height:26px;
    
    z-index:3;
    
    background-color: #663300;
    
    }
    
    body {
    
    background-image: url(Images/DSC_0691.jpg);
    
    background-attachment:fixed;
    
    ">
    
    }
    
    #apDiv5 {
    
    position:absolute;
    
    left:481px;
    
    top:55px;
    
    width:126px;
    
    height:118px;
    
    z-index:4;
    
    background-color: #FFFFFF;
    
    }
    
    #apDiv6 {
    
    position:absolute;
    
    left:162px;
    
    top:329px;
    
    width:848px;
    
    height:290px;
    
    z-index:5;
    
    background-color: #CC9966;
    
    }
    
    #apDiv7 {
    
    position:absolute;
    
    left:778px;
    
    top:77px;
    
    width:236px;
    
    height:181px;
    
    z-index:6;
    
    }
    
    #apDiv8 {
    
    position:absolute;
    
    left:307px;
    
    top:162px;
    
    width:250px;
    
    height:23px;
    
    z-index:7;
    
    }
    
    #apDiv9 {
    
    position:absolute;
    
    left:265px;
    
    top:638px;
    
    width:564px;
    
    height:182px;
    
    z-index:8;
    
    }
    
    #apDiv10 {
    
    position:absolute;
    
    left:149px;
    
    top:73px;
    
    width:150px;
    
    height:222px;
    
    z-index:9;
    
    }
    
    #apDiv11 {
    
    position:absolute;
    
    left:453px;
    
    top:189px;
    
    width:225px;
    
    height:25px;
    
    z-index:10;
    
    }
    
    #apDiv12 {
    
    position:absolute;
    
    left:474px;
    
    top:217px;
    
    width:189px;
    
    height:24px;
    
    z-index:11;
    
    }
    
    #apDiv13 {
    
    position:absolute;
    
    left:419px;
    
    top:245px;
    
    width:296px;
    
    height:24px;
    
    z-index:12;
    
    }
    
    body,td,th {
    
    font-family: Georgia, "Times New Roman", Times, serif;
    
    color: #000;
    
    }
    
    #apDiv14 {
    
    position:absolute;
    
    left:416px;
    
    top:380px;
    
    width:427px;
    
    height:42px;
    
    z-index:13;
    
    }
    
    #apDiv15 {
    
    position:absolute;
    
    left:1196px;
    
    top:-247px;
    
    width:30px;
    
    height:3968px;
    
    z-index:14;
    
    }
    
    #apDiv16 {
    
    position:absolute;
    
    left:352px;
    
    top:450px;
    
    width:903px;
    
    height:410px;
    
    z-index:14;
    
    background-color: #592D00;
    
    }
    
    #apDiv17 {
    
    position:absolute;
    
    left:135px;
    
    top:471px;
    
    width:890px;
    
    height:359px;
    
    z-index:15;
    
    background-color: #FFFFFF;
    
    }
    
    #apDiv18 {
    
    position:absolute;
    
    left:150px;
    
    top:451px;
    
    width:902px;
    
    height:424px;
    
    z-index:15;
    
    }
    
    #apDiv19 {
    
    position:absolute;
    
    left:144px;
    
    top:464px;
    
    width:887px;
    
    height:218px;
    
    z-index:16;
    
    }
    
    #apDiv20 {
    
    position:absolute;
    
    left:394px;
    
    top:273px;
    
    width:307px;
    
    height:20px;
    
    z-index:17;
    
    }
    
    #apDiv21 {
    
    position:absolute;
    
    left:455px;
    
    top:296px;
    
    width:212px;
    
    height:22px;
    
    z-index:18;
    
    }
    
    #apDiv22 {
    
    position:absolute;
    
    left:454px;
    
    top:320px;
    
    width:229px;
    
    height:21px;
    
    z-index:19;
    
    }
    
    #apDiv23 {
    
    position:absolute;
    
    left:50px;
    
    top:29px;
    
    width:1394px;
    
    height:311px;
    
    z-index:16;
    
    }
    
    #apDiv24 {
    
    position:absolute;
    
    left:198px;
    
    top:493px;
    
    width:813px;
    
    height:302px;
    
    z-index:17;
    
    }
    
    </style>
    
    </head>
    
    
    
    <body>
    
    <div id="apDiv14">
    
    
    
    
    
    <ul id="mb73g0ebul_table" class="mb73g0ebul_menulist" style="width: 372px; height: 35px;">
    
    <li class="spaced_li"><a href="http://www.philipsalon.com"><img id="mbi_mb73g0_1" src="mb_about_us.gif" name="mbi_mb73g0_1" width="93" height="35" style="vertical-align: bottom;" border="0" alt="About Us" title="" /></a></li>
    
    
    
    <li class="spaced_li"><a href="http://www.philipsalon.com/services.html"><img id="mbi_mb73g0_2" src="mb_services.gif" name="mbi_mb73g0_2" width="85" height="35" style="vertical-align: bottom;" border="0" alt="Services" title="" /></a></li>
    
    <li class="spaced_li"><a href="http://www.philipsalon.com/products.html"><img id="mbi_mb73g0_3" src="mb_products.gif" name="mbi_mb73g0_3" width="90" height="35" style="vertical-align: bottom;" border="0" alt="Products" title="" /></a></li>
    
    <li><a href="http://www.philipsalon.com/directions.html"><img id="mbi_mb73g0_4" src="mb_directions.gif" name="mbi_mb73g0_4" width="101" height="35" style="vertical-align: bottom;" border="0" alt="Directions" title="" /></a></li>
    
    </ul>
    
    <script type="text/javascript" src="mbjsmb73g0.js"></script></div>
    
    <div id="apDiv18">
    
    <p><img src="Images/ivory2.jpg" width="896" height="344" border="3" alt="ivory2.jpg is Unavailable. Sorry!" /></p>
    
    <p>&nbsp;</p>
    
    </div>
    
    <div id="apDiv23"><img src="Images/header.jpg" width="1100" height="310" border="1" alt="Sorry the header image is unavailable at the moment!" /></div>
    
    
    
    <div id="apDiv24">
    
    <p>&nbsp;</p>
    
    <p>Philip Salon is located on route 7 in Wilton CT. Our goal is to have a lofty and stylish salon with plenty of room for clients to lounge. We have leather sofas in front of a brick fireplace, views of the river, and best of all, massage chairs to sit in while getting your hair washed.<br />
    
    We are dedicated to each individual client. We endeavor to make whoever walks through our doors look and feel better about themselves. We are dedicated to the principle that everyone can be made to feel special by how they look. Every person brings a new challenge to the staff. It allows us to be creative and artistic because everyone’s hair, personality, and lifestyle are different.<br />
    
    Owner, Philip, is a master stylist with over 16 years of experience. &quot;I haven't stopped educating myself,&quot; he said. He continues his pursuit of perfection by consistently receiving high quality education from his contemporaries such as Vidal Sasson, Jaques Dessange, Bumble &amp; Bumble and Minardi &amp; Minardi. Additionally he has shared his knowledge by teaching at Redken for over 2 years. What differentiates Philip from others is his desire to please each and every customer by giving them more then they expect. </p>
    
    </div>
    
    </body>
    
    
    
    </html>

  • #8
    New Coder
    Join Date
    Jul 2011
    Posts
    51
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Hi- Thanks for your help. I am new to this and trying to figure out exactly what I needed to change. I tried adding the quotes around the border # and then tried the space as mentioned previously and it didn't work. Yours seemed to work and I am trying to see exactly what I did wrong. I have more pages that gave same errors and I would like to correct them as well once I know my mistakes. Thanks again I appreciate the help.

  • #9
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    just run themn through the validator and more often than not it will highlight the exact problem area for you

  • #10
    New Coder
    Join Date
    Jul 2011
    Posts
    51
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I did but the messages it gave was hard to understand what I need to do to correct it. I am new to this but tried to understand my mistakes and it wasn't so easy to understand what I did wrong. Again only ie9 was the issue other browsers worked fine. I am trying to find out what I did wrong so I can learn from the mistakes to correct the other pages giving the same error messages. Thank you

  • #11
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    The <link...> should be in the head of the document,not the body.

  • #12
    New Coder
    Join Date
    Jul 2011
    Posts
    51
    Thanks
    1
    Thanked 0 Times in 0 Posts
    So by moving the <link> code into the head instead of body should correct errors? I tried it and when I went to view it "live" things were out of place. This is what Validator gives as the errors I just don't understand exactly what they are saying as far as correction to make it pass validator especially for ie9. Thanks


    Line 218, Column 81: document type does not allow element "link" here
    …iv id="apDiv14"><link rel="stylesheet" href="mbcsmb73g0.css" type="text/css" />

    The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

    One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

    Line 230, Column 72: required attribute "alt" not specified
    <p><img src="Images/ivory2.jpg" width="896" height="344" border="3" /></p>

    The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

    Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

    Line 233, Column 81: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified
    …pDiv23"><img src="Images/header.jpg" width="1100" height="310" border=1/></div>
    Again I appreciate all of your help.
    Last edited by xxnonamexx; 07-18-2011 at 12:19 PM.

  • #13
    New Coder
    Join Date
    Jul 2011
    Posts
    51
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I tried to mess around again to correct my errors but getting samer result from Validator I cannot pinpoint my mistakes here is the original errors from validator. thanks

  • #14
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    The <link> tag should be wholly within the <head>...</head> tags, yes.

  • #15
    New Coder
    Join Date
    Jul 2011
    Posts
    51
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Hi Another member placed the <link line into the <head> section and I tried it myself but it didn't work.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <link rel="stylesheet" href="mbcsmb73g0.css" type="text/css" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>Philip Salon</title>


  •  
    Page 1 of 3 123 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •