Results 1 to 2 of 2

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

  1. #1
    Join Date
    Jul 2014
    Posts
    1
    Thanks
    0
    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): http://www.dynamicdrive.com/dynamicindex1/popupmenu.htm

    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
    Location
    Portsmouth, UK
    Posts
    1,815
    Thanks
    2
    Thanked 425 Times in 419 Posts

    Default

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

    Code:
    .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;
    }
    
    .rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
    }
    Code:
    <!--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>
    	<ul>
    	<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>
    	</ul>
    </li>
    <li><a href="#">Item 4a</a></li>
    <li><a href="#">Item Folder 5a</a>
    	<ul>
    	<li><a href="#">Sub Item 5.1a</a></li>
    	<li style="border-Width:0px;"><a href="#">Item Folder 5.2a</a>
    		<ul>
    		<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>
    		</ul>
    	</li>
    	</ul>
    </li>
    <li style="border-Width:0px;" ><a href="#">Item 6a</a></li>
    </ul>
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

Similar Threads

  1. Flex Level Popup Menu
    By Caedmonball19 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 09-20-2011, 02: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, 01: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, 09:00 AM

Bookmarks

Posting Permissions

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