xhtml 1.0 transitional validation

[arsonistx]

Hi, I spend a little while validating my index.html and I fixed all the errors so far but 2.
I don't exactly know what to do with these. =/
I do use CSS as a separate file (lib/style.css) if that helps at all..

Well, here's the two errors I'm getting, I hope somebody can help me~:

Validation Output:  2 Errors

   1. Error Line 53, Column 41: there is no attribute "background" .

      …d colspan='8' rowspan='2' background='images/image_14.gif' width='406' height

      ✉

      You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

      This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

      How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.


   2. Error Line 103, Column 79: document type does not allow element "a" here .

      …tp://arsonistx.exofire.net/index.php'><img src='http://arsonistx.exofire.net/

      ✉

      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).

And here are lines 53 and 103 in my index.html~:

line 53:

<td colspan='8' rowspan='2' background='images/image_14.gif' width='406' height='141' />

line 103:

<textarea cols='8' rows='2'><a href='http://SITE URL HERE/index.php'><img src='http://SITE URL HERE/images/affbutton.gif' alt='' /></a></textarea><br />

I changed the URL in the codes because I don't know if x10 allows advertising here. >_>

[dyfuse]

As with the first problem you can rectify it by including this in your HTML:

<td colspan='8' rowspan='2' style='background:"images/image_14.gif";' width='406' height='141' />

Or in your CSS file:

td.# {
background: url("'images/image_14.gif");
}

Given that you only want to apply it to that td element "#". ie. <td class='#' />


As with the second problem, I'm not to sure what to do myself. Except perhaps changing the code to:

<a href='http://SITE URL HERE/index.php'><textarea cols='8' rows='2'><img src='http://SITE URL HERE/images/affbutton.gif' alt='' /></textarea></a><br />

With the hyperlink elements otuside the textarea elements. But it doesn't seem to be incorrect. I'm sure the link still shows up properly - it's just not "valid" ;)

Hope this helps!

[arsonistx]

Actually I posted on SitePoint.com too and got everything fixed already.
But thanks anyways!

My website is now XHTML 1.0 Transitional and CSS validated. :D