Databases
StackOverflow2013
Postsdbo
POhtml table td's and tr's disappearing
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POhtml table td's and tr's disappearing
    text
    copied!<p>I'm going though something quite weird. I was working on a chat system with the rows and stuff based on tables, but the formatting kept messing up. I wondered why until I looked at the part of the source which was not working, which looked like this:</p> <pre><code>&lt;table border="0"&gt; &lt;tbody&gt; &lt;tr class="chatline" style="background:white;border-style:none;border-top:1px solid grey;padding:0px;"&gt; &lt;td style="background:#A0D7FF;margin:0px;width:1%;"&gt;&lt;span style="padding:2px;background:#A0D7FF;color:black;height:100%;border-right:1px solid grey;"&gt;kpsuperplane&lt;/span&gt;&lt;/td&gt; &lt;td style="color:black;background:white;"&gt;&lt;span style="color:black;padding:2px;"&gt;test&lt;/span&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr class="chatline" style="background:white;border-style:none;border-top:1px solid grey;padding:0px;"&gt; &lt;td style="background:#A0D7FF;margin:0px;width:1%;"&gt;&lt;span style="padding:2px;background:#A0D7FF;color:black;height:100%;border-right:1px solid grey;"&gt;kpsuperplane&lt;/span&gt;&lt;/td&gt; &lt;td style="color:black;background:white;"&gt;&lt;span style="color:black;padding:2px;"&gt;test&lt;/span&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; </code></pre> <p>However, when I view it through dev tools in chrome, I get this:</p> <pre><code> &lt;table border="0"&gt; &lt;tbody&gt; &lt;span style="padding:2px;background:#A0D7FF;color:black;height:100%;border-right:1px solid grey;"&gt;kpsuperplane&lt;/span&gt; &lt;span style="color:black;padding:2px;"&gt;test&lt;/span&gt; &lt;span style="padding:2px;background:#A0D7FF;color:black;height:100%;border-right:1px solid grey;"&gt;kpsuperplane&lt;/span&gt; &lt;span style="color:black;padding:2px;"&gt;test&lt;/span&gt; &lt;/tbody&gt; &lt;/table&gt; </code></pre> <p>Any idea why this is happening? The td's and tr's are automatically removed from the document when they are rendered. And this is not chrome specific. Live code in dreamweaver gives the same puzzling result. Pic below:</p> <p><img src="https://i.stack.imgur.com/Al4G9.png" alt="Td&#39;s and Tr&#39;s gone"></p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload