Click to See Complete Forum and Search --> : Strict HTML - No Border attribute?


cberg76
04-14-2005, 02:42 AM
Hello,

I am trying to use Strict HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

But, when I checked my html using the w3c validator I found that it didn't like me using the border attribute. Is the border attribute no longer supported? Basically I don't want to draw a border around the image. If I can't use the border attribute what is the correct workaround? Thank You.

Here is the offending code:

<div id="buttonlayer01"><a href="./html/home.html" id="startbutton" name="Entrance"><img border="false" src="./images/home/startbutton.gif" alt="Homepage Entrance" onmouseover="this.src='./images/button/startbuttonover.gif'" onmouseout="this.src='./images/button/startbutton.gif'"></a></div>

Here is the message I received from the validator:

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.

Fang
04-14-2005, 02:45 AM
Use css:
img {border:0;}

cberg76
04-14-2005, 02:53 AM
Thanks you are right!

I kind of jumped the gun with my question. But, I did some research and found that I need to create a class with the following:

.image
{
border-style:none;
}

This passed the validator. I will try your method as well for fun.

Thanks again! And BTW your response was record breaking.

cberg76
04-14-2005, 02:57 AM
I like your method better cause I don't have to bother with the class. Instead it makes a global change to all images. If you wanted to mix and match I guess you could use the method I figured out.

Fang
04-14-2005, 03:20 AM
I normally change the border globally and add a class for the images where a border is required.