• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

SofiaR

CSS ul.MenuBarHorizontal

4 mensagens neste tópico

Pessoal, tou com um problema  ;)

Fiz um web site no Dreamweaver no qual utilizei o css ul.MenuBarHorizontal para o menu principal, mas acontece que no Safari e Firefox o menu funciona correctamente mas se visualizar a página no internetexplorer este já não se apresenta correctamente. Terei que fazer alguma coisa de diferente???

Obrigada.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Aqui vai....desculpa a demora.

HTML

<div id="container">
  <div id="banner" onclick="MM_effectGrowShrink(this, 2000, '10%', '100%', true, false, true)">
    <div id="banner"><img src="bannerjp.jpg" width="780" height="120" /></div>
   <div id="menu">
     <ul id="MenuBar1" class="MenuBarHorizontal">
       <li>
         <div align="center"><a href="index.html" class="style1 style1 style1">Home</a></div>
       </li>
       <li>
         <div align="center"><a href="conhecer.html" class="style1">Conhecer</a></div>
       </li>
      <li class="MenuBarItemIE">
        <div align="center"><span class="style3 style3"><a href="estrutura.html" class="MenuBarItemIE">Estrutura</a></span>
          <ul>
            <li><a href="comissao.html">Comissão Política</a>              </li>
            <li><a href="mc.html">Mesa do Congresso</a></li>
            <li><a href="cpr.html">Mesa do Conselho Regional</a></li>
            <li><a href="cfd.html">Comissão de Fiscalização e Disciplina</a></li>
          </ul>
        </div>
      </li>
       <li>
         <div align="center"><a href="documentos.html" class="MenuBarItemSubmenu style1">Documentos</a>
           <ul>
             <li><a href="estatutos.html">Estatutos</a></li>
             <li><a href="regulamentos.html">Regulamentos</a></li>
           </ul>
         </div>
       </li>
       <li>
         <div align="center"><a href="#" class="style1">Agenda</a></div>
       </li>
     </ul>
    </div>

<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--

}
ul.MenuBarHorizontal a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
}

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Pessoal, após várias tentativas lá consegui...

no css ul.MenuBarHorizontal tinhamos que colocar estas opções nas seguintes categorias:

Categoria Box

width 780 px;

Margin / right auto; left auto;

Categoria Block

vertical aligment: middle

text align: center

Assim funciona correctamente no explorer. :D

Agradeço desde já ao Pedro que quis ajudar...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora