End tag div seen, but there were open elements. Can you help me find the open element and validate the page?

Hi, please see:  http colon //dev2.magickitchen.com/menu/meat.html on http://validator.w3.org.

It's made up of two pages, attached(the actual extension is .tmpl, I changed it to .txt).

The page Mk-cat-page.tmpl  validates well on the other page, http: colon dev2.magickitchen.com/menu/main_courses.html, so I'd rather not make changes to that if possible.

I think the error lies on  Mk-cat-cell-w-grande.  Obviously there are other problems beyond the validation, but I'd like to get this div problem cleared up, and I'm not having any luck.

Thanks for your help.
mk-cat-page.txt
mk-cat-cell-w-grande.txt
mel200Asked:
Who is Participating?
 
Bernard S.CTOCommented:
I see the code
      <div class="priceSectionTop clearfix">
         <form class="web20cart" method="post" action="/cgi/cart.cgi">
          <input name="cmd" value="add" type="hidden">
          <input name="sku" value="7617-2" type="hidden">
        <span class="spn mcPrices pull-left"><label><span style="color:blue;">Complete Pkg</span> 2 svg</label>, <label>$141.99</label></span>
        <span class="spn mcQuantity pull-left"><input name="qty" size="1" maxlength="4" value="1" type="text"></span>
        <span class="spn mcBtn pull-left"><input name="submit" value="Add" class="smbtBtns" type="submit"></span></form>
      </div>

Open in new window

where the pull-left seems slightly suspicious if you want to float right.

It seems that all the elements in these spans are display:inline-block, so that usual pitfall is absent
0
 
lenamtlCommented:
Hi,
To validate
A numeric character reference expanded to the C1 controls range.
on
dev2.magickitchen.com/menu/main_courses.html

For
eam sauce, more cheese, more meat&#133;not much more you could ask for! *This …

Open in new window

Try using &#8230; instead of &#133;

For
square;">Al-a-carte menu &#150; main courses, sides, soups and dessert…

Open in new window

and
…ant, cheese, marinara, and pesto &#150; an Italian Gourmet overload! &nbsp;<a …

Open in new window

Try using &#8212; instead of &#150;

HTML documents cannot contain “control characters”, which cover the HTML character entity numbers.
0
 
mel200Author Commented:
Hi, sorry, I should have been clear about those. The system I work with adds those, I've asked the developer of the cart to make that change. My problem is the unclosed divs.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
mel200Author Commented:
And this is the page I need to validate: http colon //dev2.magickitchen.com/menu/meat.html
0
 
Bernard S.CTOCommented:
THere are times where the page displays fine but the W3C validator finds error.
Most of the times I ignore them!

In your case, looking at the page with Chrome and tools, I get error messages.
The most actionable one seems to be
 Uncaught ReferenceError: rightsidebarHeight is not defined in   app.js:59
(anonymous function)
n.event.dispatch
r.handle
0
 
mel200Author Commented:
Thanks, but in this case I know that if there is a misplaced div, that right column won't show up.

Can you help me resolve the error you mention? app.js says:

            headdingMrgnTop();
            rightsidebarHeight();
0
 
Bernard S.CTOCommented:
seems that rightsideHeight() should be defined and do something, but does not.

do you have the same problem wigh other browsers?
0
 
mel200Author Commented:
You're right, I don't use that anymore. I guess I can safely remove it. Otherwise, let's put this on hold, I'm giving this page another try with a new template. Thanks.
0
 
mel200Author Commented:
My changes worked admirably.  dev2.magickitchen.com/menu/meat.html

Feel like helping me align the right add to cart buttons?
0
 
mel200Author Commented:
The quantity box and the add to cart button are being pushed to the right because of the quantity of text before them. I'm not sure how to fix that, as I need the extra text.
0
 
mel200Author Commented:
hmmm... yes, we want the whole div to pull left, but the quantity and to be to the right. Would this do it?
 <div class="priceSectionTop clearfix">
         <form class="web20cart" method="post" action="/cgi/cart.cgi">
          <input name="cmd" value="add" type="hidden">
          <input name="sku" value="7617-2" type="hidden">
        <span class="spn mcPrices pull-left"><label><span style="color:blue;">Complete Pkg</span> 2 svg</label>, <label>$141.99</label></span>
        <span class="spn mcQuantity pull-right"><input name="qty" size="1" maxlength="4" value="1" type="text"></span>
        <span class="spn mcBtn pull-right"><input name="submit" value="Add" class="smbtBtns" type="submit"></span></form>
      </div>
0
 
mel200Author Commented:
That was it! Thanks so much for all your help.
0
 
Bernard S.CTOCommented:
B-) Glad we could help! Thx for the grade and points!
0
 
Bernard S.CTOCommented:
Hmmm..  I see now the button before the quantity. you might make some usability tests

I would prefer the quantity before the button rather than the quantity after the button... but this needs some validation
0
 
mel200Author Commented:
Darn, you're right. I'll try to fix that, thanks for the heads up.
0
 
mel200Author Commented:
I had pulled quantity and the add button right, but only needed to do that to the add button. Easy fix, thanks!
0
 
Bernard S.CTOCommented:
B-)
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.