PhxTrade Posted October 28, 2010 Share Posted October 28, 2010 I have 9 of the following errors in my html when using html tidy. For the life of me I can not figure out what I am doing wrong. Here is the error I am receiving.All dealing with images.191 Warning: <img> escaping malformed URI reference <a href="http://www.thirstyrock.com/images/american_flag.jpg"><img src="images/american_flag.jpg" alt="United States of America" width="50" height="33" align="middle" longdesc="Located in USA"></a>This is the code for the above example:<div class="itemimage"><a href="http://www.thirstyrock.com/images/american_flag.jpg"><img src="images/american_flag.jpg" alt="United States of America" width="50" height="33" align="middle" longdesc="Located in USA"></a></divI now I must be overlooking something, I am new to coding html pages so any help on what I am doing wrong would be greatly appreciated.ThanksTed WPhoenix, AZ. Link to comment Share on other sites More sharing options...
ShadowMage Posted October 28, 2010 Share Posted October 28, 2010 What DTD are you using? I couldn't reproduce the error using Transitional HTML or Transitional XHTML. Are you sure that's exactly the code you have in your page? This error usually pops up when you have things like spaces in your URL. For example:www.aWebsite.com/Some page.htmlshould bewww.aWebsite.com/Some%20page.html Link to comment Share on other sites More sharing options...
PhxTrade Posted October 28, 2010 Author Share Posted October 28, 2010 This is at the top on the HTML Page<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">That is what is bugging me. I can not find anything wrong with it. Yet Html Tidy grabs all the image files and gives me this error.ThanksTed W Link to comment Share on other sites More sharing options...
PhxTrade Posted October 29, 2010 Author Share Posted October 29, 2010 OK,Think I found the answer! After hours of searching I located the culprit.Here is the code that works with no errors. NOTE: the Longdesc. in the code. Ran through html tidy, problem gone with validation.BEFORE:<div class="itemimage"> <a href="#"><img src="images/american_flag.jpg" alt="United States of America" width="50" height="33" align="middle" longdesc="Located in USA"></a> </div>AFTER:<div class="itemimage"> <a href="#"><img src="images/american_flag.jpg" alt="United States of America" width="50" height="33" align="middle" longdesc="data:text/html;charset=utf-8,Located%20in%20USA"></a> </div>Had to change londesc= to data:text/html;charset=utf-8,Located%20in%20USAPercent signs between the spaces for Located in USA, and in front of that put data:text/html;charset=utf-8Seems that somehow should have been able just to type in the description in words and not do all that.If there is a way to set my page up to not have to add all that extra stuff. let me know Ted WPhoenix,AZ Link to comment Share on other sites More sharing options...
PhxTrade Posted October 29, 2010 Author Share Posted October 29, 2010 After all that I relied that I do not need the Longdesc anyways. I was under the opinion it was a good place to put a long alt description. Which after reading up on it, it is suppose to point to a location with more info on the picture. So in some cases may do that, but most cases not and will remove.Anyways, it was a great learning experience how to make the darn thing workTed WPhoenix,AZ. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.