Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
display:none
- Thread starter ErinC
- Start date
You can not hide a whole block, only a particular element. It will work if you specify it in the cell itself such as:
<table>
<div>
<tr><td style="display:none">hi</td></tr>
</div>
<table>
If you want to not display the whole table or a particular row specify in the head of the page, the style atribute for the particular element such as:
This will work for you in 4 and newer browsers.
Good Luck!
<table>
<div>
<tr><td style="display:none">hi</td></tr>
</div>
<table>
If you want to not display the whole table or a particular row specify in the head of the page, the style atribute for the particular element such as:
Code:
<head>
<style>
table {display:none}
</style>
</head>This will work for you in 4 and newer browsers.
Good Luck!
- Thread starter
- #3
DeZiner,
Thanks for the reply, but this works and hides to blocks at the same time:
<html>
<body>
<div style="display:none">
<table>
<tr>
<td>row 1</td>
</tr>
<tr>
<td>row 2</td>
</tr>
</table>
<table>
<tr>
<td>
other table
</td>
</tr>
</table>
</div>
</body>
</html>
It just seems like a <div> within a table doesn't work.
Erin
Thanks for the reply, but this works and hides to blocks at the same time:
<html>
<body>
<div style="display:none">
<table>
<tr>
<td>row 1</td>
</tr>
<tr>
<td>row 2</td>
</tr>
</table>
<table>
<tr>
<td>
other table
</td>
</tr>
</table>
</div>
</body>
</html>
It just seems like a <div> within a table doesn't work.
Erin
aperfectcircle
Programmer
The reason your first example doesn't work is because anything within a <table> tag that is outside a <td> or <th> will be placed in front of the table... So your example is rendered like this:
<div style="display:none"></div>
<table>
<tr><td>hi</td></tr>
<table>
<div style="display:none"></div>
<table>
<tr><td>hi</td></tr>
<table>
- Thread starter
- #6
- Status