Note that there are some explanatory texts on larger screens.

plurals
  1. POmultilevel vertical unorder list menu
    primarykey
    data
    text
    <p><a href="http://www.pwiser.com/error.png" rel="nofollow noreferrer">alt text http://www.pwiser.com/error.png</a>hi i want to make unorder list based menu unable to figure it out i attached the image for better understanding please help below is my css and xhtml</p> <pre> #verticalSubmenu ul { margin: 0; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform:uppercase; } #verticalSubmenu li { margin: 0 0 3px 0; background:#dedede; border: 1px solid #f7f7f7; color:#666666; height:auto; } #verticalSubmenu li.parent { background:#6c6b6b; color:#fcfafa; height:auto; } #verticalSubmenu a { display: block; padding: 4px 2px 2px 10px; width: 138px; } #verticalSubmenu li a:link, #navlist a:visited{ color: #666666; text-decoration: none; } #verticalSubmenu li.parent a:link, #navlist a:visited { color: #fcfafa; } #verticalSubmenu ul ul { position:relative; height:0; top:10px; left:0; } #verticalSubmenu ul ul li{ background:#f9f9f9; border:1px solid #f9f9f9; } #verticalSubmenu ul ul a{ padding: 4px 2px 2px 20px; height:auto; } </pre> <pre><code>&lt;div id="verticalSubmenu"&gt; &lt;ul id="navlist"&gt; &lt;li class="parent"&gt;&lt;a href="#"&gt;Item one&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Item two&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Item three&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Item four&lt;/a&gt;&lt;/li&gt; &lt;li&gt; &lt;a href="#"&gt;Item five&lt;/a&gt; &lt;ul&gt; &lt;li&gt; &lt;a href="#"&gt;Item six&lt;/a&gt;&lt;/li&gt; &lt;li&gt; &lt;a href="#"&gt;Item six&lt;/a&gt;&lt;/li&gt; &lt;li&gt; &lt;a href="#"&gt;Item six&lt;/a&gt;&lt;/li&gt; &lt;li&gt; &lt;a href="#"&gt;Item six&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Item four&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre>
    singulars
    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