Roo — Tue, 03 Jan 2006 23:15:33 +0000

It has nothing to do with specific validators...it's all in your doctype. Use the W3C validator, it will test according to the doctype you've used.

Andrew_Samuel — Tue, 03 Jan 2006 22:40:14 +0000

Are there online Validators for transitional XHTML and if so where please (I can't find any)?
Also what are the merits of one standard against the other?
Cheers

dk01 — Tue, 03 Jan 2006 22:31:03 +0000

Yes I just assumed you were going to be using strict. If you are using transitional then disregard my post.

Roo — Tue, 03 Jan 2006 21:47:56 +0000

Srtict or transitional?

With XHTML Transitional you can indeed have border="0" in the image tag. However, one little boo-boo such as a missing quote mark or not closing the image tag properly, or not closing a div tag etc. will cause vaidation errors.

A missing quote mark with cause a whole page to throw a filt.

Also...don't know about strict, but with Trans you need to use target="blank" and not the old target="_blank"

Andrew_Samuel — Sun, 01 Jan 2006 23:39:11 +0000

Thanks for the prompt and detailed answer dk01.
I'll give it a bash tomorrow.
Many thanks

dk01 — Sun, 01 Jan 2006 23:25:01 +0000

I think I can answer most of your questions.
1. No. There are still borders in xhtml. Its just that they are to be set in CSS and not in xhtml. Since most formatting is to be done now in xhtml in css, images are the same way. The easiest way to set img borders to 0 with css is to use the css statement:
img { border: medium none; } // be nice to old browsers and use medium none

2. This can be overcome using the method sitepoint uses. It is described in the following article (3 pages long ):
http://www.sitepoint.com/article/standards-compliant-world/1

3. To add vspace or hspace to images simply use margins in css. In your case it'd be something like this:

#linksright img {
margin-top: 20px;
}

This basically will add a margin to the top of every img inside linksright. If instead you want to add 10 on the top and 10 on the bottom then just do this:

#linksright img {
margin-top: 10px;
margin-bottom: 10px;
}

So that's pretty much it. Hope I could be of some help!