Div class failing to validate

[saracen]

Hi all, just having fun trying to validating a testpage page, I have a page with various sets of links to other sites on, I have surrounded blocks of the links with a box around them using the div class="blahblahblah" element but it keeps throwing errors at me no matter how I try and handle it.

As far as I can see and from research, div is the correct element to use as it is an area, as oppssed to a single block (in which case the span element would be used) class too is used as the sub-element as it is not unique and it is used more than once, is this the correct way of thinking??

Validation from W3C informs me of the following:

Error Line 51 column 16: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.
<div class="box">

Validation from WDG informs me of the following:

<div class="box">

Error: element div not allowed here; possible cause is an inline element containing a block-level element

Heres the page im trying to validate - http://www.thunderbyte.co.uk/testsheet.html
Any pointers/help welcome

[karinne]

You can't have a block element (<div class="bax">) in an inline element (<p>)

Code: Select all

<p>Here I have placed various bookmarks of general interest creating in effect, a mini site directory. Please note that this site is UK based and links to shops are all UK based . All links will open up in a new tab/window.

<span class="bar"><strong>Shops (UK):</strong></span>
<div class="box">

You should be closing the </p> before you open that div.

[saracen]

Many thanks for that, worked a treat! I was too busy looking through the blocks of links for the culprit instead of the rest of the sheet.