BlueCart template HTML Issues

[mountbaldybrewing]

Hi All,
I've posted about this once before and am still having problems nailing down exactly where my problem is. I am having a display issue on my main page. I am using a customized version of BlueCart for my theme. Below is the link to my page.

http://www.mountbaldybrewing.com/zencart/

If the above link does not get you an error, try this...

http://mountbaldybrewing.com/zencart...ath=25_3_19_31

I have ran the code through the HTML validator and all of my errors appear to be within the code that is in my product descriptions. I have tried editing this code in the admin section but am seemingly unable to resolve the issue.

An example of said error is as follows:

Line 356, Column 549: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

…"100" height="100" /></a><br /><p><div><b>Usage:</b></div><div>Gentle, malty c…


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>").

Any suggestions are greatly appreciated!

Cheers,

Joe Gill
Mount Baldy Brewing, LLC

[nigelt74]

The description section errors are caused by, You have a div inside a paragraph, no no no

you can have paragraph inside a div, but not a div inside a paragraph

you also have unclosed spans and divs in the descriptions, which may be causing the issue


as for the layout problem


these divs and spans should all be closed up, they are not

<div class="centerBoxContentsNew" >
<div class="product_title">
	<a href="http://mountbaldybrewing.com/zencart/index.php?main_page=product_info&amp;cPath=25_3_19_31&amp;products_id=50">Weyermann® CARARED®
	</a>
</div>
	<a href="http://mountbaldybrewing.com/zencart/index.php?main_page=product_info&amp;cPath=25_3_19_31&amp;products_id=50"><img src="images/carared.jpg" alt="Weyermann® CARARED®" title=" Weyermann® CARARED® " width="100" height="100" />
	</a>
<br />
<p>
<div>
<span style="font-family: sans-serif; font-size: 13px; line-height: 19px;" class="Apple-style-span">
	<div>
	 <b>Usage:</b>
	</div>
<div>Perfect for adding red color values to red ale...
</p> 
	<div class="price">
		$1.50
	</div>
	<div class="product_detail">
		<a href="http://mountbaldybrewing.com/zencart/index.php?main_page=product_info&amp;cPath=25_3_19_31&amp;products_id=50">
		<img src="includes/templates/bluecart/images/details.gif" alt="" width="91" height="22" />
		</a>
	</div>
</div>

[mountbaldybrewing]

How can you fix them? Can I fix them within the admin section of my site when I add the descriptions to the items? Is there any way to modify the products pages outside of the admin section? Any advice is appreciated.

[nigelt74]

This product

http://mountbaldybrewing.com/zencart...products_id=50


Just temporarily, completely remove its description in admin, and see if it makes a difference to the page, as i tested it here and it partially fixed it

Makesure you check the description is completely empty

--------------------------- Edit -----------------------------

If it works this page here should look a bit better

http://mountbaldybrewing.com/zencart...ath=25_3_19_31

[mountbaldybrewing]

Thanks for the replies! I was able to figure out why my page got so messed up. I had been coding with the HTML editor on the admin page. I turned it off yesterday but never logged out and was seeing what looked like the correct code. This morning when I re-logged in to my admin, I took one look at the code and noticed all of the markup that was not correct. I've since corrected a lot of it but I still have a lot to do. I'm still getting a few errors but at least my format looks much much better now.

The moral of the story: Turn off the editor and hard code everything. No more <div>'s out of place. :-)

Thanks for the advice! It made me see what I needed to find. :-)

[stevesh]

The moral of the story: Turn off the editor and hard code everything. No more <div>'s out of place. :-)

Couldn't agree more. HTML and CSS aren't so hard to learn that anyone needs to rely on crutches like built-in editors.