Professional Web Applications Themes

Horizontal Menu Bar in IE6 - Macromedia Dynamic HTML

the test site is htp://64.225.234.146/test/index.html Username: user1596972 Password: v8tqnpcmmz Below find CSS: ul.MenuBarActive { z-index: 1000; } ul.MenuBarHorizontal li { margin: 0; padding: 0; list-style-type: none; font-size: 12px; position: relative; text-align: left; cursor: pointer; width: 126px; float: left; border-top-style: none; border-right-style: none; border-bottom-style: ridge; border-left-style: none; border-bottom-color: #EA803A; border-bottom-width: 2px; display: inline; } ul { cursor: pointer; background-color: #283679; padding: 0px; color: #FFFFFF; text-decoration: none; font-weight: bold; border: thin solid #999999; width: 126px; text-align: left; display: none; position: relative; } ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { } { width: 126px; position: relative; } { position: absolute; margin: -5% 0 0 95%; } { ...

Sponsored Links
  1. #1

    Default Horizontal Menu Bar in IE6

    the test site is htp://64.225.234.146/test/index.html
    Username: user1596972
    Password: v8tqnpcmmz

    Below find CSS:


    ul.MenuBarActive
    {
    z-index: 1000;
    }

    ul.MenuBarHorizontal li
    {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 126px;
    float: left;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: ridge;
    border-left-style: none;
    border-bottom-color: #EA803A;
    border-bottom-width: 2px;
    display: inline;
    }

    ul
    {
    cursor: pointer;
    background-color: #283679;
    padding: 0px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    border: thin solid #999999;
    width: 126px;
    text-align: left;
    display: none;
    position: relative;
    }

    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    {

    }

    {
    width: 126px;
    position: relative;
    }

    {
    position: absolute;
    margin: -5% 0 0 95%;
    }

    {
    left: auto;
    top: 0;
    }

    {
    display: block;
    cursor: pointer;
    background-color: #283679;
    padding: .5em .7em .5em .5em;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    }

    {
    background-color: #EA803A;
    color: #FFF;
    display: block;
    }

    {
    background-color: #EA803A;
    color: #FFF;
    }




    ul.MenuBarHorizontal a.MenuBarItemSubmenu
    {
    background-image: url(SpryAssets/SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    }

    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    {
    background-image: url(SpryAssets/SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    }

    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    {
    background-image: url(SpryAssets/SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    }

    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    {
    background-image: url(SpryAssets/SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    }

    /

    /* HACK FOR IE */

    ul.MenuBarHorizontal iframe
    {
    position: absolute;
    z-index: 1010;
    }
    ul.MenuBarHorizontal li.MenuBarItemIE
    {
    display: inline;
    f\loat: left;
    background: #FFF;
    }




    ul.MenuBarHorizontal
    {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 756px;
    height: 30px;
    position: absolute;
    bottom: 0px;
    top: 76px;
    left: 0px;
    z-index: 4;
    display: block;

    Sponsored Links
    Guperman Guest

  2. #2

    Default Re: Horizontal Menu Bar in IE6

    The code is a little bit unclear and broken it seems.
    yupieyi Guest

  3. #3

    Default Re: Horizontal Menu Bar in IE6

    Solved my own problem. My Z-index for ul.MenuBarHorizontal ul 120 as opposed to 1020.
    Guperman Guest

Similar Threads

  1. Spry Menu - Horizontal
    By Symplig0thi in forum Macromedia Exchange Dreamweaver Extensions
    Replies: 1
    Last Post: April 23rd, 07:22 AM
  2. Dynamic Menu - Horizontal with sub options horizontal
    By FER. in forum Macromedia Dynamic HTML
    Replies: 5
    Last Post: May 11th, 02:37 PM
  3. Help wiht converting this actionscript vertical menu to a horizontal menu?
    By Synergy Media webforumsuser@macromedia.com in forum Macromedia Flash Actionscript
    Replies: 1
    Last Post: January 28th, 04:50 PM

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
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139