Note that there are some explanatory texts on larger screens.

plurals
  1. POHTML Coding: Fix to Background Image Interfering with Navigation Bar
    primarykey
    data
    text
    <p>I'm currently coding a basic website to have more experience in coding websites, but I've come across a problem: Background images and the Navigation Bar. The problem is, every time I include my background image in the HTML code, it interferes with my Navigation Bar, either completely removing it or moving it to the bottom of the page (I would like for it to be on the top). I'm honestly not sure how to fix it. I've included the HTML and CSS codes, but I did not include the background code. Here's the background HTML code I currently have. Thank You.</p> <pre><code>&lt;div style='position:absolute;z-index:0;left:0;top:0;width:100%;height:100%'&gt; &lt;img src='Unknown.png' style='width:100%;height:100%'/&gt; </code></pre> <p>Here's the actual </p> <p>HTML + CSS</p> <pre><code>&lt;html&gt; &lt;div id="menu"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="index.html"&gt;HOME&lt;/a&gt;&lt;/li&gt; &lt;ul&gt;&lt;li&gt;&lt;a href="aboutus".html"&gt;ABOUT US&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="siteupdates.html"&gt;SITE UPDATES&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="contactus.html"&gt;CONTACT US&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;html&gt; &lt;head&gt; &lt;style type="text/css"&gt; #menu { width: autopx; height: autopx; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; text-align: center; text-shadow: 3px 2px 3px #333333; background-color: #8AD9FF; border-radius: 8px; } #menu ul { height: auto; padding: 8px 0px; margin: 0px; display: inline; } #menu li { display: inline; padding: 20px; } #menu a { text-decoration: none; color: #00F; padding: 8px 8px 8px 8px; } #menu a:hover { color: #F90; background-color: #FFF; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

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