Databases
StackOverflow2013
Postsdbo
POvertical dropDown menu does not work in Internet Explorer and Firefox
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POvertical dropDown menu does not work in Internet Explorer and Firefox
    text
    copied!<p>When i test it in Google Chrome, its works perfect. When i'm using InternetExplore i cant click on the second nested li and in Firefox can i not hover the nested li. </p> <p>This is the HTML menu code example:</p> <pre><code>&lt;div id="menu"&gt; &lt;ul&gt; &lt;li class="highliteShadow"&gt; &lt;a href="index.php?page=home" title="Home pagina"&gt;Home&lt;/a&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;/li&gt; &lt;li class="highliteShadow"&gt; &lt;a href="#" title="Week 1"&gt;Week 1 &lt;i class="icon-arrow-right icon-white"&gt;&lt;/i&gt;&lt;/a&gt; &lt;ul&gt; &lt;li&gt; &lt;a href="index.php?page=week_a" title="Opdrachten week 1"&gt;Opdracht 1&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="/beheer/opdrachten/opdracht_a/index.html" title="Werkend voorbeeld opdracht 1" target="_blank"&gt;Werkend voorbeeld&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre> <p>This is the CSS menu code example:</p> <pre><code>#container #menu ul { margin: 40px 0 40px 0; padding: 0px; width: 227px; list-style-type: none; } #container #menu ul li { margin: 0 0 5px 6px; height: 40px; list-style: none; background-image: url("../img/bg_header.png"); } #container #menu ul li .picture { float: left; height: 40px; width: 40px; background-color: #787776; } #container #menu ul li:hover { opacity: 0.8; filter: alpha(opacity=60); /* Debug IE 8 and earlier */ background-color: #000; } #container #menu ul li a { float: left; padding: 10px; width: 201px; color: #fff; } #container #menu ul li a:hover { text-decoration: none; } #container #menu ul ul { position: absolute; visibility: hidden; padding: 0px; margin: 0 0 0 221px; } #container #menu ul li:hover ul { visibility: visible; } #container #menu ul li ul li { -moz-box-shadow: 0 0 5px 0 #888; -webkit-box-shadow: 0 0 5px 0 #888; box-shadow: 0 0 5px 0 #888; } #container #menu ul li ul li:hover { opacity: 0.8; filter: alpha(opacity=60); /* Debug IE 8 and earlier */ background-color: #000; } #container #menu ul li:hover ul li a { float: left; padding: 10px; color: #fff; } </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