W3 Validation Errors

Really need some help from an expert.

My site estateagentslondon co.uk failed the html validation test at validator . w3 . org /

I placed the clean code into the site and tested and all errors were gone but you cant click the three boxes anymore, links somehow disabled.

Also, the h1 heading goes even smaller with the new code. I always though the heading should be large, so need help with that too.

The old code is in place right now.

Please if anyone can help, then thanks.

You have divs and p's inside hyperlinks. They are block elements, you cant do that

If you want the hyperlinks to look different use style or class.

Hi,

Thanks for the replies, but I do not know anything about code and do not know how to fix this issue.

I cant understand why I can't click the boxes anymore or why the h1 heading has gone smaller.

Line 47, Column 42: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag
<div class="red-box">
✉
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Line 55, Column 44: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag
<div class="green-box">
✉
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Line 63, Column 43: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag
<div class="blue-box">
✉
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

is the current code at http://www.estateagentslondon.co.uk/ working?

Also the errors you posted are because of what i said before, remove divs and p's from between a's


WRONG


RIGHT

The current code is the old code and has three errors.

Everything works though. It just doesn't pass the validation.

I installed the clean code and then removed it because I could no longer click the boxes!

edit, will try what you have suggested

provide a link to the broken code, preferably somewhere where we can view the source online.

I cant post here as it wont let me post links.

Where can I post it?

If you go to www. validator . w3 . org
Type in my url.
Click check and then check again with 'Clean up Markup with HTML-Tidy' box ticked it will give you code that is clean BUT the boxes don't click like they do now!
Also, the h1 heading will go smaller!

if you want the divs to be clickable, you need to set an onclick event on them.

<div onclick="alert('you clicked me');">sdfsdf</div>

the HI can be styled using

<h1 style="font-size:60px;"></h1>

this is the clean code but the boxes do not click to their destination!!




<div class="inner clearfix">
<div class="main-box"><a href="replacedbecauseIcannotpostlinks"></a>
<div class="red-box">
<h2>Estate Agent Reviews</h2>
<p>Reviews from landlord and tenants on estate agents around London</p>
</div>
</div>
<div class="main-box"><a href="replacedbecauseIcannotpostlinks"></a>
<div class="green-box">
<h2>Letting Agent Reviews</h2>
<p>Reviews from landlords and tenants on letting agents around London</p>
</div>
</div>
<div class="main-box main-box-last"><a href="replacedbecauseIcannotpostlinks"></a>
<div class="blue-box">
<h2>Property Certificates</h2>
<p>Reviews of Gas, Electrical, EPC and Inventory Report suppliers</p>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="clearfix" id="bottom_in">

thank you, will check now

sorry im unclear on how to make the divs clickable:

how do I add this:

<div onclick="alert('you clicked me');">sdfsdf</div>

to that:

<div class="main-box"><a href="www. my site .com"></a>
<div class="red-box">

the logo clicks to the right location so it's strange

thank you again

you have no text in your <a> tag

This is not a php problem btw.

div class="main-box" onclick="location.href='www.meh.com';">

I replaced that, most likely in a wrong way, but it didn't work.

Thank you so much for trying but I will pay someone to fix it.

Have a nice day.