Problemas com menu de navegação

Qual é minha questão:
É o seguinte:
Tenho dois problemas em relação ao menu de navegação.

Quero deixar meu menu de navegação igual ao deste forum: http://downcheats.forumais.com/
Entre os menus "Fórum" e "FAQ" tem um espaço maior em relação aos outros espaços. Então queria arrumar.
Link do meu menu: https://2img.net/r/ihimizer/img692/9859/semttuloeldz.png

Se acaso eu tiver que optar por alguma das duas duvidas será a segunda.

Medidas que eu tomei para corrigir o problema:
Vir aqui

Links e imagens do meu problema:


Endereço do meu fórum:
extreme-ca.forumais.com

Versão do meu fórum:
INVISION

Olá,

Aceda a: Painel de controleVisualização Imagens e CoresCoresAba Folha CSS.

Cole o codigo e salve.

Código:

.mainmenu{-moz-opacity:1;filter:alpha(opacity=100);opacity:1}.mainmenu:hover{-moz-opacity:.6;cursor:allowed;filter:alpha(opacity=60);opacity:.6}
#div.submenu{-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#304154;background-image:url(http://www.clanload.com.br/images/2UzRG.png);background-origin:padding-box;background-position:0 0;background-repeat:repeat-x;border:1px solid #1E2831;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,0.2) inset;height:28px}#pun-navlinks ul{text-align:center}#mainmenu, div.submenu li{display:inline;font-size:15px;line-height:30px}#mainmenu, div.submenu li a{color:#fff;font-family:tahoma,helvetica,arial,sans-serif;margin-left:-8px;margin-right:-8px;padding:12px 14px 10px;text-shadow:0 -1px 0 rgba(0,0,0,0.8)}#mainmenu a, div.submenu a:visited{text-decoration:none}#mainmenu a:active, div.submenu a:focus,#mainmenu, div.submenu a:hover{background-color:rgba(0,0,0,0.2);color:#fff;padding:12px 14px 10px;text-decoration:none;text-shadow:0 0 4px rgba(255,255,255,0.7)}

Cordialmente.

MateusV não funcionou.

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

Código:

#submenu{-moz-border-radius: 4px;-webkit-border-radius: 4px;background-color: #304154;background-image: url(http://www.clanload.com.br/images/2UzRG.png);background-origin: padding-box;background-position: 0 0;background-repeat: repeat-x;border: 1px solid #1E2831;border-radius: 4px;box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;height: 28px;}#submenu a.mainmenu{background-attachment: scroll;
background-color: transparent;
background-image: none;
color: white;
cursor: auto;
display: inline;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 15px;
height: auto;
line-height: 30px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: -8px;
margin-right: -8px;
margin-top: 0px;
min-width: 0px;
opacity: 1;
padding-bottom: 10px;
padding-left: 14px;
padding-right: 14px;
padding-top: 12px;
text-align: center;
text-decoration: none;
text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px;
width: auto;}

Salve.

Painel de Controle Visualização Cabeçalho & Navegação
Procure por "Exibir apenas as imagens no menu de navegação :" e marque "Não".

Clique em "Salvar".

Até mais.

Funcionou muito obrigado !!!

É o seguinte. Quando eu coloco este menu, não da para retirar os menus de navegação mais. Vou tentar em outro tema.

Olá, aceda ao seu

Painel de controle Visualização Imagens e Cores Gestão das imagens

Modo avançado, modifique oque desejar e salve.
Cordialmente.

Eu sempre usei este código CSS para retirar os menus
li > a.mainmenu[href="/faq"] { display : none}

Daí no lugar de "faq" coloco o que eu quero.
Mas agora não ta dando mais.

Olá, tente agora com este

#submenu[href="/faq"] { display : none}

Cordialmente

Olá!

Substitua aquele código anterior por esse:

Código:

#submenu{-moz-border-radius: 4px;-webkit-border-radius: 4px;background-color: #304154;background-image: url(http://www.clanload.com.br/images/2UzRG.png);background-origin: padding-box;background-position: 0 0;background-repeat: repeat-x;border: 1px solid #1E2831;border-radius: 4px;box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;height: 28px;}#submenu a.mainmenu{background-attachment: scroll;
background-color: transparent;
background-image: none;
color: white;
cursor: auto;
display: inline;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 15px;
height: auto;
line-height: 30px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: -8px;
margin-right: -8px;
margin-top: 0px;
min-width: 0px;
opacity: 1;
padding-bottom: 10px;
padding-left: 14px;
padding-right: 14px;
padding-top: 12px;
text-align: center;
text-decoration: none;
text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px;
width: auto;}

Para retirar o FAQ utilize esse código:

Código:

a.mainmenu[href="/faq"]{display:none}

Até mais.