Ir para o conteúdo
Th3Alchemist

[Resolvido] Menu dentro do header

Mensagens Recomendadas

Th3Alchemist

Boas!

Estou a tentar meter um menu dentro do header da página:



       <div id="topbar">
           <header>
               <a href="#" class="title">titulo</a>               
               <nav>
                   <ul>
                       <li><a href="#" class="current">Blog</a></li>
                       <li><a href="#">Works</a></li>
                       <li><a href="#">About</a></li>
                   </ul>
               </nav>
           </header>
       </div>


#topbar {
   width: 100%;
   height: 50px;
   position: fixed;
   color: whitesmoke;
   background-color: #73853c;
   box-shadow: 0 0 20px #73853c;
   z-index: 100;
}
header {
   margin: 0 auto;
   width: 1000px;
   height: 100%;
   display: block;
}
header a.title {
   font-size: 36px;
   font-weight: bold;
   color: whitesmoke;
   text-decoration: none;
   text-transform: lowercase;
   text-shadow:0px 0px 20px whitesmoke;
}
header nav {
   float: right;
   display: block;
}
header nav ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
header nav ul li {
   float: left;
}
header nav ul li a {
   display: block;
   width: 100px;
   height: 50px;
   line-height: 45px;
   color: white;
}
header nav ul li a:link, header nav ul li a:visited {
   font-weight: bold;
   color: white;
   text-align: center;
   text-decoration: none;
   text-transform: lowercase;
}
header nav ul li a.current {
   background-color: #829744;
}
header nav ul li a:hover, header nav ul li a:hover {
   background-color: #91a84c;
   color: white;
}

Porém, o Chrome não gosta de tal coisa, mas no Firefox funciona bem. Quero no Chrome o mesmo resultado como no Firefox, como faço?

Chrome:

chromeb.png

Firefox:

firefoxblog.png

Partilhar esta mensagem


Ligação 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

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.