Border="0" html4 strict / alternatives for no border img

[Girard Ibanez]

Been trying to figure this one out.

Is there a substitute code when using html4 strict for a border="0" img that will validate.

<a href="http://www.duralitebatteries.com"><img src="image_themes/duralite.gif" alt="Duralite Batteries" border"0" />

Thanks

[thetestingsite]

You have to use CSS for this. An example would be:

img {
border: 0px;
}

That will take any border of all images. If you only wanted to do this with those images that are linked, then do something like this in the css:

.linked-img {
border: 0px;
}

Then on every image that is linked, place this:

<img src="test.gif" class="linked-img" alt="Alt Text">

Hope this helps.

[mwinter]

If you only wanted to do this with those images that are linked, then do something like this in the css:

.linked-img {
border: 0px;
}

Then on every image that is linked, place this:

<img src="test.gif" class="linked-img" alt="Alt Text">

Using context would be far more sensible:

a:link img {
    border: none;
}

<!-- Nothing special about the img element: -->
<a href="..."><img alt="..." src="..."></a>

[Girard Ibanez]

Thanks that did the trick..

G.

[Twey]

Although others have corrected this in their examples, nobody mentioned it: the / at the end of your <img> tag in your original example is invalid HTML without SHORTTAGS.

[mwinter]

Although others have corrected this in their examples, nobody mentioned it: the / at the end of your <img> tag in your original example is invalid HTML without SHORTTAGS.

The SGML declaration for HTML enables the SHORTTAG feature. The only invalid part of the OP's post is the missing equals symbol (=) between the attribute name and value, however, ignoring that, the snippet doesn't technically result in the parse tree that the OP intended.