Note that there are some explanatory texts on larger screens.

plurals
  1. POImage is missing
    text
    copied!<p>I have a 'test' database here:</p> <p><a href="http://www.bayingwolf.com/addRecords.asp" rel="nofollow">http://www.bayingwolf.com/addRecords.asp</a></p> <p>If you click on 'Add Records' a modal form pops-up and in the top right-hand corner of that form there should be a small PNG image of a 'X' to close the form.</p> <p>It should look like this: <a href="http://www.ericmmartin.com/projects/simplemodal-demos/" rel="nofollow">http://www.ericmmartin.com/projects/simplemodal-demos/</a> (under 'Basic Modal Dialog' click 'Demo') with the X image in place.</p> <p>In the download, the author uses the following on his index.html page:</p> <pre><code>&lt;!-- preload the images --&gt; &lt;div style='display:none'&gt; &lt;img src='img/basic/x.png' alt='' /&gt; </code></pre> <p>and I have done exactly the same. When I open up his index.html page on my desktop, I can see the X image (I cannot open up my own page on my desktop because it's an ASP file) but, strangely, when I upload his index.html file to my server I cannot see the image.</p> <p>I have double-checked the server path, and I have my X image in a folder called 'basic' which is in another folder called 'img'.</p> <p>The CSS that governs the positioning of the image (in basic.css) is as follows:</p> <pre class="lang-css prettyprint-override"><code>#simplemodal-container a.modalCloseImg { background: url(../img/basic/x.png) no-repeat; width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -15px; right: -16px; cursor: pointer; } </code></pre> <p>My code is not a replica of the original code - I have a form on my page, but that should not affect the positioning of the X image.</p> <p>Any suggestions please (I have been on this for at least two days!)?</p> <p>Thanks</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