Centralizando menu e opções dos botões não aparecem

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Centralizando menu e opções dos botões não aparecem

Mensagem por Bruninho._ em 04/01/13, 06:25 pm

Qual é minha questão:
Coloque esse outro menu no meu portal e queria saber como faço pra centralizar os botões.

Criei opções que aparecem abaixo de cada botão desse mesmo menu, só que elas não aparecem, o que tenho q fazer?

CSS do Menu

Código:
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  height: 49px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #141414;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  border-bottom: 2px solid #0fa1e0;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #141414;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  color: #ffffff;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0fa1e0;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
#cssmenu > ul > li:hover > a {
  background: #070707;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #0fa1e0;
  border-bottom: 1px dotted #6fc7ec;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
  background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #095c80;
}

HTML do Menu

Código:
<div id='cssmenu'>
<ul>
   <li class='active '><a href='http://csi-nwd.forumeiros.com/forum'><span>Fórum </span></a></li>
   <li class='has-sub '><a href='http://csi-nwd.forumeiros.com/f4-regras-gerais'><span>Regras Gerais</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/t251-regras-csi'><span>Regras CSI</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t6-regras-policiais'><span>Regras Policiais</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t166-regras-do-servidor'><span>Regras do Servidor</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='http://csi-nwd.forumeiros.com/f1-cadastro-de-agentes'><span>Cadastro de Agentes</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/h3-'><span>Cadastre-se</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='#'><span>Prisões</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/f11-prisoes-csisa'><span>Prisões da CSI: SA</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/f23-prisoes-csitas'><span>Prisões da CSI: TAS</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/f20-prisoes-csist'><span>Prisões da CSI: ST</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='http://csi-nwd.forumeiros.com/f13-sistemas'><span>Sistemas</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/t277-sistema-alerta-v10'><span>Alerta [ v.1.0 ]</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t239-sistema-salario-v20'><span>Salário [ v.2.0 ]</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t275-sistema-hierarquia-v10'><span>Hierarquia [ v.1.0]</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t253-sistema-comunicacao-v10'><span>Comunicação [ v.1.0 ]</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t153-sistema-flood-no-chat-de-cla-v10'><span>Flood no chat de Clã [ v.1.0 ]</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='http://csi-nwd.forumeiros.com/f16-promocoes-csi'><span>Promoções CSI</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/h5-'><span>Promoção 1 Mês de VIP</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='http://csi-nwd.forumeiros.com/f6-revisao-de-suspensos'><span>Revisão de Suspensos</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/h6-'><span>Formulário de Reintegração ao Clã</span></a></li>
      </ul>
   </li>
   <li><a href='http://csi-nwd.forumeiros.com/f7-downloads'><span>Downloads</span></a></li>
</ul>
</div>

Agradeço se puderem me ajudar ;D

Endereço do meu fórum:
http://www.csi-nwd.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Bruninho._ em 04/01/13, 08:23 pm, editado 1 vez(es)
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Centralizando menu e opções dos botões não aparecem

Mensagem por Sennior em 04/01/13, 06:29 pm

Olá!

Não aparece por causa de onde o senhor colocou o menu. Coloque este CSS no inicio de teu CSS:

Código:
#cssmenu {
position: relative !important;
top: -28px !important;
}
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Centralizando menu e opções dos botões não aparecem

Mensagem por Bruninho._ em 04/01/13, 06:34 pm

ficou meio estranho e não apareceu todas as opções, não tem outra forma?

Tem como centraliza-lo ?
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Centralizando menu e opções dos botões não aparecem

Mensagem por Sennior em 04/01/13, 07:47 pm

Olá,

Centralizar tem, mas não irá da para ver as outras opções como eu disse! Vai querer assim mesmo?

Até mais Muito feliz
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Centralizando menu e opções dos botões não aparecem

Mensagem por Bruninho._ em 04/01/13, 08:23 pm

Tive q deixa-lo mais simples pra ficar bacana, como não tem como deixa-lo centralizado então é só isso mesmo ;D

vlw!
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum