display:none ignored

Willem Alberda · Nov 1, 2006

Hi

If I create a small html file with the following lines

<table>
<span style='display:block'><tr><td>Number one</td></tr></span>
<span style='display:none'><tr><td>Number two</td></tr></span>
<span style='display:block'><tr><td>Number three</td></tr></span>
</table>

all three lines are displayed while I expected that "Number two" would be
hidden.

If I remove the <table> and </table> tags, it indeed only shows the first
and the third line, so somehow the table interferes here, but I don't know
why or how.

Can someone explain please?

Thank you
Willem Alberda

Michael Fesser · Nov 1, 2006

..oO(Willem Alberda)

If I create a small html file with the following lines

<table>
<span style='display:block'><tr><td>Number one</td></tr></span>
<span style='display:none'><tr><td>Number two</td></tr></span>
<span style='display:block'><tr><td>Number three</td></tr></span>
</table>

It's invalid code.

Micha

Beauregard T. Shagnasty · Nov 1, 2006

Willem said:
Hi

Good morning.

If I create a small html file with the following lines

<table>
<span style='display:block'><tr><td>Number one</td></tr></span>
<span style='display:none'><tr><td>Number two</td></tr></span>
<span style='display:block'><tr><td>Number three</td></tr></span>
</table>

<table>
<tr><td><span style='display:block'>Number one</span></td></tr>
<tr><td><span style='display:none'>Number two</span></td></tr>
<tr><td><span style='display:block'>Number three</span></td></tr>

all three lines are displayed while I expected that "Number two" would be
hidden.

...and there will still be a space for the table row.

If I remove the <table> and </table> tags, it indeed only shows the
first and the third line, so somehow the table interferes here, but I
don't know why or how.

<span> is an inline element, and cannot contain a block level element.
The validator would have told you this.

Now ... would a *list* be more appropriate for the above, instead of a
table?

Jonathan N. Little · Nov 1, 2006

Beauregard said:
Willem Alberda wrote:

<table>
<tr><td><span style='display:block'>Number one</span></td></tr>
<tr><td><span style='display:none'>Number two</span></td></tr>
<tr><td><span style='display:block'>Number three</span></td></tr>
</table>

<span> is an inline element, and cannot contain a block level element.
The validator would have told you this.

Now ... would a *list* be more appropriate for the above, instead of a
table?

Agreed!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Better way</title>

<style type="text/css">
.NoSee { display: none; }
</style>
</head>
<body>
<ul>
<li>Number one</li>
<li class="NoSee">Number two</li>
<li>Number three</li>
</ul>
</body>
</html>

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
Filter table rows based on multiple checkboxes value	2	Jan 13, 2023
Image shifts to the right when export the page to pdf	4	May 5, 2023
two tier grid inside of a table	0	Jul 6, 2012
SendGrid email issue in responsive Gmail	1	Nov 4, 2021
Only one table shows up with the information	2	Mar 29, 2023
How to have two html audio players on one page?	0	May 3, 2022
validated html 5 table	19	Dec 2, 2013

display:none ignored

Willem Alberda

Michael Fesser

Beauregard T. Shagnasty

Jonathan N. Little

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads