Databases
StackOverflow2013
Postsdbo
POI can't get my background to display from CSS
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POI can't get my background to display from CSS
    text
    copied!<p><strong>My folder had extra files in which I had not deleted and was causing me conflicts. Any other newbies like me out there, take note, a clean folder is the way to go. Thank you all for your time, effort &amp; knowledge.</strong></p> <blockquote> <p>It seems my folder is messy and I might have conflicts. I am not positive. But will clean up &amp; see what happens. I will let you know how it works out. Thank you so far for the help.</p> </blockquote> <p>I have not done any web design for a few years and I was taught to do my layout in tables (Yikes). So if this is a proper noobish question I do apologize but I really can't figure it out. I can't get any background to display, I changed the way my directory link was written several times, I added the same picture to every possible section in the folder (It is still on my computer). I then cancelled it out &amp; tried with just a back ground colour, which also doesn't work. I have been staring at this tiny bit of code for days now &amp; reading advice but I have run out of things to try. I guess I have done something wrong but I am to stupid to see it.</p> <p>I am using editplus.</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;Burn&lt;/title&gt; &lt;link rel="stylesheet" href="shadow.css" type="text/css"/&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="backing"&gt; &lt;!------------------------------beginning of main pages header -------------------&gt; &lt;div id="header"&gt;&lt;img src="makedo.jpg" width="980" height="200px" border="0"/&gt; &lt;/div&gt; &lt;!------------------------------Navigation bar -------------------------&gt; &lt;div id="nav"&gt; &lt;p class="title"&gt;&lt;img src="images/tabard.jpg" width="60px" height="60px"/&gt;&lt;a href="#"&gt;Burn&lt;span class="subtitle"&gt;-Aszune EU&lt;/span&gt;&lt;/a&gt;&lt;/p&gt; &lt;ul id="navigation"&gt; &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Forum&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Events&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Gallery&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Apply&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;!------------------------------------main ---------------------------------&gt; &lt;div id="main"&gt; &lt;h1&gt;Burn Guild&lt;/h1&gt; &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit...&lt;/p&gt; &lt;/div&gt; &lt;!-------------------------------------side bar---------------------------------&gt; &lt;div id="sidebar"&gt; &lt;!-- Start HTML Code --&gt;&lt;iframe WIDTH="300" HEIGHT="400" title="Shoutbox" src="http://shoutbox.widget.me/window.html?uid=npla79" frameborder="0" scrolling="auto" &gt;&lt;/iframe&gt;&lt;script src="http://shoutbox.widget.me/v1.js" type="text/javascript"&gt;&lt;/script&gt;&lt;!-- End HTML Code --&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>My CSS is</p> <pre><code>#backing { background-image: url(../images/fire.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #nav { background-color:#262626; width:100%; height:50px; box-shadow: 0px 1px 50px #5E5E5E; position:fixed; top:0px; } .title { color:#EDEDED; font-family:verdana; font-size:25px; width:350px; margin-top:6px; margin-left:150px; font-weight:bold; float:left; } .subtitle { color:#EDEDED; font-family:verdana; font-size:15px; } #navigation { list-style-type:none; } li { display:inline; padding:10px; } #nav a { font-family:verdana; text-decoration:none; color:#EDEDED; } #nav a:hover { color:#BDBDBD; } </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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