Results 1 to 2 of 2

Thread: Help with :: Flex Level Popup Menu (v1.2)

  1. #1
    Join Date
    Jul 2014
    Thanked 0 Times in 0 Posts

    Smile Help with :: Flex Level Popup Menu (v1.2)

    1) Script Title: :: Flex Level Popup Menu (v1.2)

    2) Script URL (on DD):

    3) Describe problem: I would like to add a Horizontal divider line that shows between the selections in the dropdown box for improved readability. How can I do this. Thank-you.

  2. #2
    Join Date
    Dec 2008
    Portsmouth, UK
    Thanked 441 Times in 435 Posts


    it is all in the CSS (see lines in red)

    .jqpopupmenu, .jqpopupmenu ul{ /*topmost and sub ULs, respectively*/
    font: normal 13px Verdana;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    background: white;
    border: 1px solid black;
    visibility: hidden;
    display: none; /*collapse all sub menus to begin with*/
    box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
    -webkit-box-shadow: 3px 3px 8px #818181;
    -moz-box-shadow: 3px 3px 8px #818181;
    .jqpopupmenu li{
    position: relative;border-Bottom:solid black 1px;
    .jqpopupmenu li a{
    display: block;
    width: 160px; /*width of menu (not including side paddings)*/
    color: black;
    background: #F5F5F5;
    text-decoration: none;
    padding: 4px 5px;
    * html .jqpopupmenu li{ /*IE6 CSS hack*/
    display: inline-block;
    width: 170px; /*width of menu (include side paddings of LI A*/
    .jqpopupmenu li a:hover, .jqpopupmenu li.selected>a{
    background: #e0e0e0;
    position: absolute;
    top: 6px;
    right: 5px;
    <!--HTML for popup Menu 1-->
    <ul id="popmenu1" class="jqpopupmenu">
    <li><a href="#">Item 1a</a></li>
    <li><a href="#">Item 2a</a></li>
    <li><a href="#">Item Folder 3a</a>
    	<li><a href="#">Sub Item 3.1a</a></li>
    	<li><a href="#">Sub Item 3.2a</a></li>
    	<li><a href="#">Sub Item 3.3a</a></li>
    	<li style="border-Width:0px;" ><a href="#">Sub Item 3.4a</a></li>
    <li><a href="#">Item 4a</a></li>
    <li><a href="#">Item Folder 5a</a>
    	<li><a href="#">Sub Item 5.1a</a></li>
    	<li style="border-Width:0px;"><a href="#">Item Folder 5.2a</a>
    		<li><a href="#">Sub Item 5.2.1a</a></li>
    		<li><a href="#">Sub Item 5.2.2a</a></li>
    		<li><a href="#">Sub Item 5.2.3a</a></li>
    		<li style="border-Width:0px;"><a href="#">Sub Item 5.2.4a</a></li>
    <li style="border-Width:0px;" ><a href="#">Item 6a</a></li>
    God Loves You and will never love you less.
    If my post has been useful please donate to

Similar Threads

  1. Flex Level Popup Menu
    By Caedmonball19 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 09-20-2011, 01:00 PM
  2. Did I screw something up? Flex Level Popup Menu
    By info2know in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 06-17-2011, 12:54 AM
  3. Flex Level Popup Menu (v1.1)
    By emanuelle in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 11-30-2010, 05:23 AM
  4. :: Flex Level Popup Menu (v1.1)
    By emanuelle in forum CSS
    Replies: 2
    Last Post: 11-29-2010, 06:17 PM
  5. Flex Level Popup Menu - Popup Menu only works on first link
    By Salem in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 04-02-2010, 08:00 AM


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts