1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Menu em CSS (IE e Mozilla)

Discussão em 'Web Development' iniciada por rbatista, 16 de Setembro de 2008. (Respostas: 4; Visualizações: 1157)

  1. rbatista

    rbatista Power Member

    Boas

    Criei um menu em css no dreamweaver (menu vertical com sub-menus).
    Depois de editar o css para as cores, letra etc que pretendo fui testar o mesmo.

    No IE o menu funciona correctamente, mas no Mozilla, não abre os submenus, ou seja tenho apenas os botões iniciais...

    ----------------------------------------------------

    IE

    botão1
    botão2
    - botão2.1
    - botão2.2
    botão 3

    ----------------------------------------------------

    Mozilla

    botão 1
    botão 2 (não abre os sub-menus)
    botão 3

    Alguém sabe alguma linha de código que tenha de inserir para tornar o menu operacional no Mozilla?

    desde já o meu obrigado.
     
  2. krunch

    krunch Power Member

    Só vendo o código...

     
  3. rbatista

    rbatista Power Member

    O código é o seguinte:

    insiro a linha:
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">

    depois o menu:
    <td valign="top" background="img/background_menu.png">
    <ul id="MenuBar1" class="MenuBarVertical">
    <li><a href="index.html">Invitation</a></li>
    <li><a href="location.html">Location</a></li>
    <li><a href="organizing_committee.html">Organizing Committee</a></li>
    <li><a href="scientific_committee.html">Scientific Committee</a></li>
    <li><a href="general_information.html">General Information</a></li>
    <li><a href="meeting_secretariat.html">Meeting Secretariat</a></li>
    <li><a href="deadlines.html">Deadlines</a></li>
    <li><a class="MenuBarItemSubmenu" href="registration.html">Registration</a></li>
    <ul>
    <li><a href="registration_accommodation.html">Registration fee plus Accommodation</a></li>
    </ul>
    <li><a href="accommodation.html">Accommodation</a>
    <li><a href="scientific_program.html">Scientific Program</a></li>
    <li><a href="previous_meetings.html">Previous Meetings on CORM</a></li>
    </ul>
    <td rowspan="2" valign="top" bgcolor="#FFFFFF"><blockquote>
     
  4. Yumon

    Yumon Power Member

    Assim fica melhor:

    insiro a linha:
    PHP:
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
    depois o menu:
    PHP:
    <td valign="top" background="img/background_menu.png">
      <
    ul id="MenuBar1" class="MenuBarVertical">
        <
    li><a href="index.html">Invitation</a></li>
        <
    li><a href="location.html">Location</a></li>
        <
    li><a href="organizing_committee.html">Organizing Committee</a></li>
        <
    li><a href="scientific_committee.html">Scientific Committee</a></li>
        <
    li><a href="general_information.html">General Information</a></li>
        <
    li><a href="meeting_secretariat.html">Meeting Secretariat</a></li>
        <
    li><a href="deadlines.html">Deadlines</a></li>
        <
    li><class="MenuBarItemSubmenu" href="registration.html">Registration</a></li>
                   <
    ul>
                     <
    li><a href="registration_accommodation.html">Registration fee plus Accommodation</a></li>
                   </
    ul>
         <
    li><a href="accommodation.html">Accommodation</a>
         <
    li><a href="scientific_program.html">Scientific Program</a></li>
         <
    li><a href="previous_meetings.html">Previous Meetings on CORM</a></li>
      </
    ul>
       <
    td rowspan="2" valign="top" bgcolor="#FFFFFF"><blockquote>
     
  5. rbatista

    rbatista Power Member

    Resolvi o problema (é tão fácil que até tenho pena de mim)

    Se alguém vier a tar a mesma dor de cabeça basta fazer o seguinte:
    insiro a linha:
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">

    depois o menu:
    <td valign="top" background="img/background_menu.png">
    <ul id="MenuBar1" class="MenuBarVertical">
    <li><a href="index.html">Invitation</a></li>
    <li><a href="location.html">Location</a></li>
    <li><a href="organizing_committee.html">Organizing Committee</a></li>
    <li><a href="scientific_committee.html">Scientific Committee</a></li>
    <li><a href="general_information.html">General Information</a></li>
    <li><a href="meeting_secretariat.html">Meeting Secretariat</a></li>
    <li><a href="deadlines.html">Deadlines</a></li>
    <li><a class="MenuBarItemSubmenu" href="registration.html">Registration</a></li>
    <ul>
    <li><a href="registration_accommodation.html">Registratio n fee plus Accommodation</a></li>
    </ul>
    <li><a href="accommodation.html">Accommodation</a>
    <li><a href="scientific_program.html">Scientific Program</a></li>
    <li><a href="previous_meetings.html">Previous Meetings on CORM</a></li>
    </ul>
    <td rowspan="2" valign="top" bgcolor="#FFFFFF"><blockquote>


    Fica

    insiro a linha:
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">

    depois o menu:
    <td valign="top" background="img/background_menu.png">
    <ul id="MenuBar1" class="MenuBarVertical">
    <li><a href="index.html">Invitation</a></li>
    <li><a href="location.html">Location</a></li>
    <li><a href="organizing_committee.html">Organizing Committee</a></li>
    <li><a href="scientific_committee.html">Scientific Committee</a></li>
    <li><a href="general_information.html">General Information</a></li>
    <li><a href="meeting_secretariat.html">Meeting Secretariat</a></li>
    <li><a href="deadlines.html">Deadlines</a></li>
    <li><a class="MenuBarItemSubmenu" href="registration.html">Registration</a>
    <ul>
    <li><a href="registration_accommodation.html">Registratio n fee plus Accommodation</a></li>
    </ul></li>
    <li><a href="accommodation.html">Accommodation</a>
    <li><a href="scientific_program.html">Scientific Program</a></li>
    <li><a href="previous_meetings.html">Previous Meetings on CORM</a></li>
    </ul>
    <td rowspan="2" valign="top" bgcolor="#FFFFFF"><blockquote>
    [​IMG]
    [​IMG]
     

Partilhar esta Página