Validating images in lists

Discussion in 'Web Design and Development' started by Dal123, Sep 12, 2009.

  1. Dal123 macrumors 6502a

    Dal123

    Joined:
    Oct 23, 2008
    Location:
    England
    #1
    I've got a little problem understanding this validation error on xhtml 1.0 strict :confused:.
    This is what I have and below it is what the developer toolbar says on firefox developer toolbar.:confused:
    HTML:
    <ul id="mid">
      <li>Formwork Sub-Contractor</li>
      <li><img src="images_site/valid-xhtml10-blue.png"alt="valid xhtml 1.0 strict"/><img src="images_site/valid-css-blue.png"alt="valid css"/></li>
    </ul>
    HTML:
    #  Error  Line 167, Column 51: XML Parsing Error: attributes construct error
    
    …="images_site/valid-xhtml10-blue.png"alt="valid xhtml 1.0 strict"/><img src="
    
    ✉
    # Error Line 167, Column 51: XML Parsing Error: Couldn't find end of Start Tag img line 167
    
    …="images_site/valid-xhtml10-blue.png"alt="valid xhtml 1.0 strict"/><img src="
    
    ✉
    # Error Line 167, Column > 80: XML Parsing Error: attributes construct error
    
    …lue.png"alt="valid xhtml 1.0 strict"/><img src="images_site/valid-css-blue.pn…
    
    ✉
    # Error Line 167, Column > 80: XML Parsing Error: Couldn't find end of Start Tag img line 167
    
    …lue.png"alt="valid xhtml 1.0 strict"/><img src="images_site/valid-css-blue.pn…
     
  2. nuxx macrumors member

    nuxx

    Joined:
    Jun 5, 2007
    Location:
    Tokyo
    #2
    You just need to have a space separating the src and alt attributes and, IMHO and for clarity only, one separating the image tags.

    Code:
    <li><img src="images_site/valid-xhtml10-blue.png" alt="valid xhtml 1.0 strict"/> <img src="images_site/valid-css-blue.png" alt="valid css"/></li>
     
  3. Dal123 thread starter macrumors 6502a

    Dal123

    Joined:
    Oct 23, 2008
    Location:
    England

Share This Page