Note that there are some explanatory texts on larger screens.

plurals
  1. POClick to remove a table
    text
    copied!<p>Ok so I'm trying to make a full screen table which upon clicking dissapears and reveals the body itself. I found the following code on the internet and I modified it a bit already:</p> <pre><code> &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt; /****************************************** * Popup Box- By Jim Silver @ jimsilver47@yahoo.com * Visit http://www.dynamicdrive.com/ for full source code * This notice must stay intact for use ******************************************/ var ns4=document.layers var ie4=document.all var ns6=document.getElementById&amp;&amp;!document.all function hidebox(){ crossobj=ns6? document.getElementById("showimage") : document.all.showimage if (ie4||ns6) crossobj.style.visibility="hidden" else if (ns4) document.showimage.visibility="hide" } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt;You can see this after a click&lt;/p&gt; &lt;div id="showimage" style="position:absolute;top:0;left:0;right:0;bottom:0"&gt; &lt;table border="0" width="100%" height="100%" bgcolor="#000080" onClick="hidebox();return false"&gt; &lt;/table&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>It works so far - the background of the table is blue and when you click it it reveals the text behind it. But what I want to do is make the background of the table an IMAGE.</p> <p>I should mention I'm not a programmer and it's my first time doing this. I tried making a stylesheet with</p> <pre><code> table.background { background: url("URL here" no-repeat; } </code></pre> <p>and changing the bgcolor to background="URL here" in different places and it just didn't work. Please help me out, I'd really love to make this work!</p>
 

Querying!

 
Guidance

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