html5 validation problem

[CoolKay]

http://www.countyfairgrounds.net/rodeos/hirearodeo.php

There are 12 errors on this page, (from the html5 validator) - the css3 validates. I do NOT understand what the validator is asking me to do with lines 538, 558, or line 566.
There are three other errors below that on the validator page also.
This datatable is NOT displaying properly on the page either.
The errors with the "&" problem I DO understand - but they would not be affecting the display of the page. Please please I need help.

[VIPStephan]

Element style not allowed as child of element div in this context.

A style element must be in the header of the document, not in the body.

The element section must not appear as a descendant of the th element.

What’s unclear about that? For the proper use of section refer to http://html5doctor.com/the-section-element/

And what is this anyway?

<table class="contenttable">

<tr>
<th scope="col">
<section class="eventname">
Professional Rough Stock Riders Association</section><br /><br />
</th>
</tr>
<section class="sociallinks">
<A href="http://http://www.facebook.com/profile.php?id=1846">Facebook</A>
</section>
<br />
<br />
<tr>
<td>

Why is there a section (and line breaks) in between table rows? Even plain logic forbids such markup since nothing can be direct children of tbody (which is always existing implicitly, even if not declared) other than table rows.

[CoolKay]

Good morning Stephan.

Part of this

A style element must be in the header of the document, not in the body.

Quote:
The element section must not appear as a descendant of the th element.
What’s unclear about that? For the proper use of section refer to http://html5doctor.com/the-section-element/

Herein lies the problem with that: How do I define it then? I can NOT repeat div in the database only can I repeat the section tags. What you are looking at (above ) is the event name and url for the event. Each are different for each listing. So what do I do with this particular thing?

[VIPStephan]

Originally Posted by CoolKay

I can NOT repeat div in the database only can I repeat the section tags.

Why is that?

[felgall]

Have you considered getting rid of the table. It doesn't appear that your content is actually tabular data so it really shouldn't be in a table.

[CoolKay]

if I get rid of the table - well, seems it ought to be in a division each section BUT, you can not repeat divisions ids on a page (the validator will not let you) - you can however repeat section ids on a page. I suppose I could do a main section class="mainsection" and put all the sections in it. Let me think on it

[Kevin_M_Schafer]

Hi CoolKay,

Your site's coming along nicely. Those tables are trouble when it comes to page layout. I know first hand.

Regarding the ids and not using them more than once on a page, that's correct. They're to be used for something unique, when you know you won't have another item like it on that same page.

Example of an id: Logo (#logo)




Example of a class: Box headers (.headers)



The logo is used only once. That could be an "id." The rectangular red headers could be a "class" because they're used again and again. They all look alike; only their inside text changes. As a class they could be used inside a div container for a left or right sidebar. Or, as you have it, a div that has a white background with a black border.

I hope this helps explain "id" and "class." Tables will let you hit a baseball into right field over the fence. CSS will let you knock the bird off the top of the white flag pole, 20.7 feet passed the fence and 10.1 feet to the left of the green Chevy pickup on the street.

--Kevin

.

[VIPStephan]

Originally Posted by CoolKay

you can not repeat divisions ids on a page (the validator will not let you) - you can however repeat section ids on a page.

What you say makes no sense. An ID must be unique, regardless of the element it’s assigned to.

This is a division element:

<div></div>

and you can have as many as you like.

This is a division with an ID attribute:

<div id="example"></div>

You can have more divisions in the document but not the same ID.
This is allowed:

<div id="example1"></div>
<div id="example2"></div>
<div id="another_example_ID"></div>

This is not allowed:

<div id="example"></div>
<div id="example"></div>
<div id="example"></div>

… and neither is it allowed with section elements (or any element).

If there are multiple divisions that are supposed to be named alike then assign a class to them. This is allowed at all times, and, again, on any element:

<div class="example"></div>
<div class="example"></div>
<div class="example"></div>

[_Aerospace_Eng_]

Honestly I would stop trying to code in HTML5 if I were you. IMO I think it would be best if you learned more of the basics of HTML.