Note that there are some explanatory texts on larger screens.

plurals
  1. POIE6,IE7 css menu ul
    primarykey
    data
    text
    <p>I think this is a trivial problem:</p> <p>All browsers and IE 8+ display my ul menu :<img src="https://i.stack.imgur.com/VnRvb.png" alt="enter image description here"></p> <p>but IE6 and IE7 display:</p> <p><img src="https://i.stack.imgur.com/JvQh9.png" alt="enter image description here"></p> <p>Any soltion for this problem? CSS:</p> <pre><code>div.art-nav { position: relative; height: 25px; z-index: 100; } .art-nav .l, .art-nav .r { position: absolute; z-index: -1; top: 0; height: 25px; background-image: url('images/nav.png'); } .art-nav .l { left: 0; right: 15px; } .art-nav .r { right: 0; width: 1040px; clip: rect(auto, auto, auto, 875px); } /* begin MenuSeparator */ ul.art-menu ul.art-menu-li-separator { display: block; width: 1px; height: 25px; } .art-nav ul.art-menu-separator { display: block; margin:0 auto; width: 1px; height: 25px; background-image: url('images/menuseparator.png'); } /* end MenuSeparator */ ul.art-menu ul a { display: block; text-align: center; white-space: nowrap; height: 32px; width: 180px; overflow: hidden; line-height: 32px; background-image: url('images/subitem.png'); background-position: left top; background-repeat: repeat-x; border-width: 0; border-style: solid; } ul.art-menu ul a, ul.art-menu ul a:link, ul.art-menu ul a:visited, ul.art-menu ul a:hover,ul.art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span { text-align: left; text-indent: 12px; text-decoration: none; line-height: 32px; color: #FFFFFF; margin-right: 10px; margin-left: 10px; font-size: 13px; margin:0; padding:0; } ul.art-menu ul li a:hover { color: #000000; background-position: 0 -32px; } ul.art-menu ul li:hover&gt;a { color: #000000; background-position: 0 -32px; } .art-nav ul.art-menu ul li a:hover span, .art-nav ul.art-menu ul li a:hover span span { color: #000000; } .art-nav ul.art-menu ul li:hover&gt;a span, .art-nav ul.art-menu ul li:hover&gt;a span span { color: #000000; } ************************/ </code></pre> <p>HTML:</p> <pre><code>&lt;div class="art-nav"&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;a href="javascript:__doPostBack('ctl00$lbLang','')" id="ctl00_lbLang"&gt;&lt;span class="l"&gt;&lt;/span&gt;&lt;span class="r"&gt;&lt;/span&gt;&lt;span class="t"&gt;&lt;img border="0" src="slm/me.jpg"&gt;&lt;/span&gt;&lt;/a&gt; &lt;a href="javascript:__doPostBack('ctl00$lbLangJez2','')" id="ctl00_lbLangJez2"&gt;&lt;span class="l"&gt;&lt;/span&gt;&lt;span class="r"&gt;&lt;/span&gt;&lt;span class="t"&gt;&lt;img border="0" src="slm/UNKG1.jpg"&gt;&lt;/span&gt;&lt;/a&gt; &lt;div class="l"&gt;&lt;/div&gt; &lt;div class="r"&gt;&lt;/div&gt; &lt;ul class="art-menu"&gt; &lt;li&gt; &lt;a href="News.aspx" class="active" id="ctl00_hlNovosti"&gt;&lt;span class="l"&gt;&lt;/span&gt;&lt;span class="r"&gt;&lt;/span&gt;&lt;span class="t"&gt;Novosti&lt;/span&gt;&lt;/a&gt; &lt;/li&gt;&lt;li class="art-menu-li-separator"&gt;&lt;span class="art-menu-separator"&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt; &lt;a href="roules.aspx" class="active" id="ctl00_hlPravilaKladjenja"&gt;&lt;span class="l"&gt;&lt;/span&gt;&lt;span class="r"&gt;&lt;/span&gt;&lt;span class="t"&gt;Pravila kladjenja&lt;/span&gt;&lt;/a&gt; &lt;/li&gt;&lt;li class="art-menu-li-separator"&gt;&lt;span class="art-menu-separator"&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt; &lt;a href="onama.aspx" class="active" id="ctl00_hlOnama"&gt;&lt;span class="l"&gt;&lt;/span&gt;&lt;span class="r"&gt;&lt;/span&gt;&lt;span class="t"&gt;O nama&lt;/span&gt;&lt;/a&gt; &lt;/li&gt;&lt;li class="art-menu-li-separator"&gt;&lt;span class="art-menu-separator"&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt; &lt;a href="UplatnaMesta.aspx" class="active" id="ctl00_hlUplatnaMesta"&gt;&lt;span class="l"&gt;&lt;/span&gt;&lt;span class="r"&gt;&lt;/span&gt;&lt;span class="t"&gt;Uplatna mesta&lt;/span&gt;&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&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.
 

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