[CSS] Display none?

[Smitjel]

I'm working on some dhtml that mimics Neowin's quick reply button. I've got a div that I've set the display to none, yet it still shows up. What am I doing wrong? Thanks for any help! :unsure:

This is basically what I have in my source, skeleton version just for illustration...

<style>
#qr_open {
	display: none;
}
</style>
.
.
.
<table><tr><td></td></tr>
.
.
.
<div id="qr_open" style="display: none; position: relative;">
<form>
<tr><th></th></tr>
<tr><td></td></tr>
</form>
</div>
</table>

[Timan Veteran]

  Smitjel said:

I'm working on some dhtml that mimics Neowin's quick reply button.  I've got a div that I've set the display to none, yet it still shows up.  What am I doing wrong?  Thanks for any help!  :unsure:

This is basically what I have in my source, skeleton version just for illustration...

<style>
#qr_open {
	display: none;
}
</style>
.
.
.
<table><tr><td></td></tr>
.
.
.
<div id="qr_open" style="display: none; position: relative;">
<form>
<tr><th></th></tr>
<tr><td></td></tr>
</form>
</div>
</table>

586471501[/snapback]

Prob cause the you have a DIV inside a table (not td's,th's...) which is a no no... do this

<table>
	<tr>
  <td>BLAH</td>
	</tr>
	<tbody style="display:none;">
	<tr>
  <td>Blah</td>
	</tr>
	<tr>
  <td>Blah2</td>
	</tbody>
</table>

[Alex Suraci]

Tried adding an !important?

(display: none !important;)

Also I'd try this..

Style:

<style>
div.qr_open {
display: none !important;
position: relative !important;
}
</style>

Div:

<div class="qr_open">
</div>

[Andos]

Try add this:

visibility: hidden;

[Smitjel]

Timan...that worked perfectly...damn. Thanks dood! :punk:

And thanks for the help guys.