Menu bugado

Item: Menu bugado
Rating: 1

por Vinicius._. 05.10.12 23:48

Qual é minha questão:
Olha como fica o menu tipo bugado vejam na print

Menu bugado 153

Eu quero centralizar o menu e a fonte do menu (Inicio, Portal, FAQ...)

Uso este codigo:

Código:: #page-header .navbar ul.navlinks{background:url(http://img266.imageshack.us/img266/5638/meniu12.png) no-repeat top center;height:55px;left:-29px;position:relative;width:1135px}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-30px}

Peguei nesse fórum:
http://clamaster.forumbrasil.net/forum

Espero respostas.

GRATO!

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://nvcgames.sampforum.net/

Versão do meu fórum:
PHPBB3

por Sennior 05.10.12 23:53

Olá,

Troque teu código por este:

Código:: #page-header .navbar ul.navlinks{background:url(http://img266.imageshack.us/img266/5638/meniu12.png) no-repeat top center;height:55px;left:-29px;position:relative;width:1135px}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-30px}.linklist.navlinks {position: relative !important;text-align: center !important;}

Até mais.

por Vinicius._. 06.10.12 0:22

Não resultou Mikéeeee

por Sennior 06.10.12 0:26

Desculpe, errei de código. Tente este:

#page-header .navbar ul.navlinks {background: url(https://2img.net/r/ihimizer/img266/5638/meniu12.png) no-repeat top center;height: 55px;left: 146px !important;position: relative;width: 1135px;}

Apenas altere o valor em negrito, até ficar no sitio certo.

Até mais.

por Vinicius._. 06.10.12 0:49

Nem é isso man se fosse só a img eu teria colocado numa boa é que tipo tem o efeito no codigo e tals e o menu ficou bugado, num é melhor arrumar o meu codigo ?

Menu bugado 2dwc7z6

por Sennior 06.10.12 0:54

Ok, veja se este código resulta:

Código:: #page-header .navbar ul.navlinks{background:url(http://img266.imageshack.us/img266/5638/meniu12.png) no-repeat top center;height:55px;left:146;position:relative;width:1135px}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-30px}.linklist.navlinks {position: relative !important;text-align: center !important;}

Ate mais.

por Sr.pepek 06.10.12 0:57

Olá ,
Tente este código.

#page-header .navbar ul.navlinks{background:url(#page-header .navbar ul.navlinks{background:url(https://i.imgur.com/FQkqx.gif) no-repeat top center;height:55px;left:-2.69%;position:relative;width:105.52%;background-size:100%;text-align:center}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-13px;}) no-repeat top center;height:55px;left:-2.69%;position:relative;width:105.52%;background-size:100%;text-align:center}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-13px;}

Até Mais.

por Vinicius._. 06.10.12 1:00

Não resultou Triste

nenhum dos dois codigos postados por vcs!

por BrunoH. 06.10.12 1:02

Olá!
Tente assim:

#page-header .navbar ul.navlinks{background:url(https://2img.net/r/ihimizer/img266/5638/meniu12.png) no-repeat top center;height:55px;left:-49px;position:relative;width:1135px}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-30px}

Em Negrito altere os valores do código e valide!

Passar bem! Piscada