O menu fica separado

Qual é minha questão:
O menu que eu coloquei fica separado, esta no formato png mais nao fica como eu quero, tem como deixar tudo junto esse
menu?

Links e imagens do meu problema:


Endereço do meu fórum:
http://dragonballadventure.livreforum.com/

Versão do meu fórum:
Não sei

Fiz um tutorial, não sei se pus no local correto, mas veja: https://ajuda.forumeiros.com/t63283-tutorial-gerenciando-o-menu#430498

Boa Noite senhor,

Aceda ao seu:

Painel de Controle Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS'

Cole esse codigo e salve:

a.mainmenu img {
margin-left: -23px;
}

Resulta senhor?

Nao da muito certo nao...ele ficou junto, mais junto até de mais,
olhe : http://dragonballadventure.livreforum.com/forum

Faça o mesmo processo so que utilizando este codigo:

Cole esse codigo e salve:

a.mainmenu img {
margin-left: -20px;
}

Resulta Senhor?

Bom o codigo que o senhor passou nao deu certo tambem, mais eu consegui perceber que era apenas modificar o valor do -20px;
E
ntao fui modificando até que desse certo, o -10 funcionou, mais ainda tenho 1 duvida, tem como centralizar esse menu

Sheins escreveu:Bom o codigo que o senhor passou nao deu certo tambem, mais eu consegui perceber que era apenas modificar o valor do -20px;
E
ntao fui modificando até que desse certo, o -10 funcionou, mais ainda tenho 1 duvida, tem como centralizar esse menu

Tem sim, aceda o Painel de Controle:

Visualização Pagina inicial Cabeçalho e navegação Posição do Menu

Marque "Centralizar" Resulta senhor?

Me ajudou muito *-*
Muito obrigado ae ^^