PHP IDE :: NuSphere Forums :: View topic - HTML Validator

Posted: Tue Aug 12, 2014 11:27 am

Reference a sample table such as follows:

Code:

<div id="home">
<table class="noBorderRef" style="text-align: left;" id="data_selection" width="75%">
<caption><h2>Sample Table</h2></caption>
<tbody>
<tr>
<th><img alt="" src="<?php echo $rand_img;?>"></th>
<th>
<ul> <h3>Six Principles of Sun Tzu & the Art of Business</h3>
<li>Capture your market without destroying it</li>
<li>Avoid your competitor’s strength, and attack their weakness</li>
<li>Use foreknowledge & deception to maximize the power of business intelligence</li>
<li>Use speed and preparation to swiftly overcome the competition</li>
<li>Use Alliances and Strategic Control Points to Your Advantage</li>
<li>Develop your character as a leader to maximize the potential of your employees</li>
</ul>
</th>
</tr>
</tbody>
</table>
</div>

Within PHPED, the <ul>,<li>,<h3>, </th>,</tr>,</table>,</div> tags are detected as improperly nested.Is this correct?

When viewed, everything lays out perfectly fine, but the warning bugs me to no end.

Is this correct, or am I doing something wrong (other than using tables)?

images:
Image of the editor showing warning text

image of code navigator showing improperly nested elements

Posted: Wed Aug 13, 2014 6:26 am

This is correct. UL can't have H3 nested directly. LI is the only element allowed as child elements of UL.

Posted: Wed Aug 13, 2014 7:32 am

Dmitri, thanks so much for the reply, unfortunately, I erred in my previous post, sorry.

This condition happens even with just the <ul> and <li> elements as well. Inserting a <div> in the <th> element also causes the validation warning.

I found that if I change the column from a <th> to a <td>, the warning goes away.

So this appears to be an issue with the column header element (<th>).

I was playing with some formatting and had the <h3> in there and forgot to remove it before posting. Sorry about the confusion, I tried to be succinct.

Code:

<table class="noBorderRef" style="text-align: left;" id="data_selection" width="75%">
<caption><h2>Manage all aspects of Competitor Pricing here!</h2></caption>
<tbody>
<tr>
<th><img alt="Know thy Enemy!" src="<?php echo $rand_img;?>"></th>
<th>
<ul>
<li>Capture your market without destroying it</li>
<li>Avoid your competitor’s strength, and attack their weakness</li>
<li>Use foreknowledge & deception to maximize the power of business intelligence</li>
<li>Use speed and preparation to swiftly overcome the competition</li>
<li>Use Alliances and Strategic Control Points to Your Advantage</li>
<li>Develop your character as a leader to maximize the potential of your employees</li>
</ul>
</th>
</tr>
</tbody>
</table>

Posted: Mon Aug 18, 2014 10:01 am

According to the specs you are right. A <ul> is valid inside a <th>, the unordered list falls under the Flow content and is allowed in the <th>. Instead of just writing it in the forums, you should submit it as a bug using the form on this page https://shop.nusphere.com/customer/support.php

W3C Ref: http://www.w3.org/TR/html5/tabular-data.html#the-th-element

Posted: Mon Aug 18, 2014 10:22 am

Before I submitted it as a bug, I wanted to see if I was doing anything wrong and also if it could be replicated by others.

Thanks for the response.

Posted: Mon Aug 18, 2014 10:49 am

I can confirm that I have the same problem on version 13.041, 14.020 and 14.039. Inside the <th> it gives a warning, inside a <td> it validates correctly.

(I'm not sure why you would use <ul> in <th> since it's a table header, but the spec allows it and PHPEd should too)

Posted: Tue Aug 19, 2014 3:53 pm

Hello all,

There was incorrect information in PHPEd's phped.rel configuration file.
You can fix it manually by modifying file %APPDATA%\NuSphere\PhpED\config\phped.rel

N.B. Each user on the computer has it's own copy of phped.rel, the copy of <PHPEd installation folder>\config\phped.rel

First, search line containing "[HTML.TagProps.HTML50]" (without quotes)
Below this line find the line starting with "th.Flags=", should be something like (spaces count may vary)

Code:

th.Flags=TAGTYPE_SPEC TAGCONTENT5_PHRASING TAGFLAG_OPTIONAL_END

And replace TAGCONTENT5_PHRASING with TAGTYPE5_FLOW.

Warning: Apply changes only to the line starting with "th.Flags=" otherwise you may got unexpected warnings like discussed above in thread.

Of course, bug in phped.rel will be fixed in further PHPEd releases.