What is the correct way to locate a link <a></a>

[co.ador]

Outside the tags like this:

<td width="152" rowspan="2" class="cebo"><a href="#"><h3 align="center"> coloso</h3></a>                        
<a href="#"><p><img src="../images/chefrecommendation.jpg" width="140" height="160" alt="product" style=" border-color:#FF6600; border:thin; border-style:solid;"/></p></a></td>

Or Inside the tags like this:

<td width="152" rowspan="2" class="cebo"><h3 align="center"> <a href="#">coloso</a>   </h3>                     
<p><a href="#"><img src="../images/chefrecommendation.jpg" width="140" height="160" alt="product" style=" border-color:#FF6600; border:thin; border-style:solid;"/></a></p></td>

[oddz]

try it out

[cooper.semantics]

The latter of these two. The former is not well formed and won't validate.

[co.ador]

Thank you guys,

Hey Oddz that a very good tool you have just shown me.. Thank you for helping me I am just trying to cut up a 8 years semi starvation in the US. Lol.

[RyanReese]

The first doesn't work (or shouldn't) is because you wrap a block element inside of an inline element. The anchor tag is an inline element and as such can only hold inline elements. Even if you give the anchor display:block; all it does is generate a block box. It doesn't make it valid.

[co.ador]

So the second way it's the most advisible ok.

[cooper.semantics]

<td rowspan="2" class="cebo">
	<h3><a href="#">coloso</a></h3>                     
	<p><a href="#"><img src="../images/chefrecommendation.jpg" width="140" height="160" alt="product" /></a></p>
</td>

If this content is describing tabular data it is fine. Make sure you move all inline styles into a stylesheet.

[zcorpan]

The former is not well formed

How is it not well-formed?

[cooper.semantics]

How is it not well-formed?

Wrapping an anchor around a block level element in xhtml doesn't validate. It might be well formed in html5

[RyanReese]

So the second way it's the most advisible ok.

Yes, and the only valid way to do this..as of now.

Wrapping an anchor around a block level element in xhtml doesn't validate. It might be well formed in html5

From what I have seen from the HTML5 spec, it will be well formed.

[co.ador]

What would be a well formed way to do it in a xhtml so it does validate?

what do you mean when you say;

if this content is describing tabular data it is fine

[RyanReese]

What would be a well formed way to do it in a xhtml so it does validate?

As posted above, your option 2.
what do you mean when you say;

<td rowspan="2" class="cebo">
    <h3><a href="#">coloso</a></h3>                     
    <p><a href="#"><img src="../images/chefrecommendation.jpg" width="140" height="160" alt="product" /></a></p>
</td>

You that code. That is a part of a table so as such, you should only have tables if you have tabular data. If this IS tabular data you are fine, if not try and restructure the site to not use tables as they were not meant for that purpose.

[co.ador]

Lol, I asked you the wrong question,

what I meant to ask was

what is tabular data?

[RyanReese]

What is tabular data?

[cooper.semantics]

Yes, and the only valid way to do this..as of now.



From what I have seen from the HTML5 spec, it will be well formed.

Yep... Thanks to Eric Meyer for proposing this to Bruce Lawson....

[RyanReese]

Well hopefully he can work in enough time to write the CSS3 inline model draft. It looks interesting.

With inline elements being able to handle blocks inside of it we could write dropdowns that work in IE6 without JS, though a little too late for this type of thing though it's ironic .

[cooper.semantics]

What would be a well formed way to do it in a xhtml so it does validate?

what do you mean when you say;

@co.ador
The example Ryan and I provided is the well formed way, excluding what html5 may say

The table element represents data with more than one dimension, in the form of a table.

[zcorpan]

Wrapping an anchor around a block level element in xhtml doesn't validate.

Valid and well-formed are different concepts. Well-formedness is an XML concept. The two examples in the first post are both well-formed (assuming they are placed in another element).

[cooper.semantics]

Valid and well-formed are different concepts. Well-formedness is an XML concept. The two examples in the first post are both well-formed (assuming they are placed in another element).

Valid markup and well formed markup go hand in hand I believe. A few different concepts are derived from xml.

The w3c html validator checks for well formed markup.

Seasoned, able professionals will take pride in creating Web content using semantic and well-formed markup, separation of style and content, etc. Validation can then be used as a quick check to determine whether the code is the clean work of a seasoned HTML author, or quickly hacked-together tag soup.

Interesting article:
http://adrianba.net/archive/2008/11/...d-mark-up.aspx

[zcorpan]

Valid markup and well formed markup go hand in hand I believe.

Not really.

In XML, valid markup is always also well-formed. But well-formed markup is not necessarily valid. As an example, in XHTML, <div><span/></div> is valid and well-formed, while <span><div/></span> is well-formed but not valid.

HTML does not have the concept of well-formedness, but does have the concept of validity. <div><span></span></div> is valid, <span><div></div></span> is not.

[cooper.semantics]

Not really.
In XML, valid markup is always also well-formed. But well-formed markup is not necessarily valid. As an example, in XHTML, <div><span/></div> is valid and well-formed, while <span><div/></span> is well-formed but not valid.

<span><div/></span> is well-formed as far as consistency claims it to be.
http://en.wikipedia.org/wiki/Well-formed_element

HTML does not have the concept of well-formedness, but does have the concept of validity. <div><span></span></div> is valid, <span><div></div></span> is not.

I never said the html validator was perfect
It does check for well formed elements(that are embedded correctly according to the html standards), thus making it valid or invalid.

[zcorpan]

<span><div/></span> is well-formed as far as consistency claims it to be.

Not sure what you mean here. But yes, it's well-formed -- that's what I said.

http://en.wikipedia.org/wiki/Well-formed_element

Wikipedia is hardly an authoritative source for XML terminology. For starters, the XML spec does not talk about well-formed elements but well-formed documents (and well-formed parsed entities).

I never said the html validator was perfect

I didn't make any statements about the html validator, so I'm not sure how that's relevant.

It does check for well formed elements(that are embedded correctly according to the html standards), thus making it valid or invalid.

It seems you still don't understand the difference between well-formed and valid.

Whether elements are embedded correctly according to the html standards affects what is considered valid, but not what is considered well-formed.

The validator checks for well-formedness for XML documents (i.e. that the document follows the XML syntax), and also checks that elements are nested correctly according to the DTD (i.e. that it's valid).

[cooper.semantics]

I didn't make any statements about the html validator, so I'm not sure how that's relevant.
It seems you still don't understand the difference between well-formed and valid.

Whether elements are embedded correctly according to the html standards affects what is considered valid, but not what is considered well-formed.

The validator checks for well-formedness for XML documents (i.e. that the document follows the XML syntax), and also checks that elements are nested correctly according to the DTD (i.e. that it's valid).

I do understand, you are not understanding what I am saying
I was thinking out loud with that statement(html validator), so sorry wasn't implying that you said anything...

What I said. It checks for well formed elements e.g.:
<div><span></span></div>
<h1><span></span></h1>

But even though this might be well formed:
<span><div></div></span>

It won't validate because html states that a inline element may not wrap a block level element.

[zcorpan]

I do understand, you are not understanding what I am saying

Ok, fair enough.

[co.ador]

what are the result of a well-formed element not necessary valid in a browser? it affect the display of a file on the browser?