Jump to content

menu nao funciona em IE


fernandogirao
 Share

Recommended Posts

Olá, fiz um blog no bloger e introduzi um menu através de uma miniaplicação que funciona na perfeição no firefox ou google chrome mas já no IE é um problema, não consigo selecionar as ultimas opções.

O código é este:

<script src='http://mybloggertricks.googlecode.com/files/dropdownddlevel.js' type='text/javascript'></script>
    <style>
    

    .ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
    font: normal 13px Verdana;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    background: blue;
    border: 1px #cccccc;
    border-bottom-width: 0;
    visibility: hidden;
    z-index: 100;
    }

    .ddsubmenustyle ul{
   display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    border: 0px none;
    }

    .ddsubmenustyle li a{
    display: block;
    width: 150px; /*width of menu (not including side paddings)*/
    color: #000000;
    background-color: #9ccdaa;
    text-decoration: none;
    padding: 4px 5px;
    border-bottom: 1px #cccccc;
    }

    * html .ddsubmenustyle li{ /*IE6 CSS hack*/
    display: inline-block;
    width: 150px; /*width of menu (include side paddings of LI A*/
    }
.ddsubmenustyle li a:hover{
    background-color: #000000;
    color: #ffffff;
    }

    .downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
    padding-left: 4px;
    border: 0;
    }

    .rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
    position: absolute;
    padding-top: 3px;
    left: 100px;
    border: 0;
    }

   
    .ddiframeshim{
    position: absolute;
    z-index: 500;
    background: 9ccdaa;
    border-width: 0;
    width: 0;
    height: 0;
    display: block;
    }

     

    /* ######### Vertical Menu ######### */

    .markermenu{
    width: 150px; /*width of side bar menu*/
    clear: left;
    position: relative;

    }

    .markermenu ul{
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
    border: 1px solid #9A9A9A;
    }

    .markermenu ul li a{
    background: #9ccdaa url(http://2.bp.blogspot.com/-iqYq70P-LtU/T2YgqBSJzCI/AAAAAAAAGGY/cl6QgaRIGQY/s400/bulletlist.gif) no-repeat 3px center;
    font: bold 13px "Lucida Grande", "Trebuchet MS" ;color: #336699;
    display: block;
    width: auto;
    padding: 3px 0;
    padding-left: 20px;
    text-decoration: none;
    border-bottom: 1px solid #B5B5B5;
    }

    * html .markermenu ul li a{ /*IE6 hack*/
    width: 155px;
    }

    .markermenu ul li a:visited, .markermenu ul li a:active{
    color: #00014e;
    }

    .markermenu ul li a:hover, .markermenu ul li a.selected{
    color: #ffffff;
    background-color: #000000;
    }

     

    </style>

    <div id="ddsidemenubar" class="markermenu">
    <ul> 
    
    <li><a href='#'rel="ddsubmenuside1">A</a></li>
    <li><a href='#'rel="ddsubmenuside2">B</a></li>
    <li><a href="#"rel="ddsubmenuside3">C</a>
    </li>
   </ul>
</div>

<script type="text/javascript">
    ddlevelsmenu.setup("ddsidemenubar", "sidebar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
    </script>

<ul id="ddsubmenuside1" class="ddsubmenustyle blackwhite">
    
    <li><a href='#'>D</a></li>
    <ul>
    <li><a href="#">E</a></li>
    <li><a href='#'>F</a></li>
    </ul>
    <li><a href='#'>G</a></li>
    <li><a href='#'>H</a></li>
    <li><a href='#'>I</a></li>
    <li><a href='#'>J</a></li>
      
</ul>

    <ul id="ddsubmenuside2" class="ddsubmenustyle blackwhite">

    <li><a href="#">K</a>
        <ul>
    <li><a href='#'>L</a></li>
        </ul></li>
    <li><a href='#'>M</a></li>
    <li><a href='#'>N</a>
        <ul>
    <li><a href='#'>O</a></li>
    <li><a href='#'>P</a></li>
    <li><a href='#'>Q</a></li>
        </ul></li>
    <li><a href='#'>R</a></li>
        </ul>

        <ul id="ddsubmenuside3" class="ddsubmenustyleblackwhite">

    <li><a href='#'>S</a></li>
    <li><a href='#'>T</a></li>
    <li><a href='#'>U</a></li></ul>
Link to comment
Share on other sites

Tens CSS no meio do HTML. Até é um milagre que funcione no firefox.

"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.