Menu cobrindo conteúdo do fórum

[Light Wolf]

Qual é minha questão:
Olá boa tarde,

Eu coloquei um menu em meu fórum, mas quando notei ele estava cobrindo botões Curtir, +1, twetar e a barra de login. Eu queria saber como arrumar isto, desde já agradeço,

Medidas que eu tomei para corrigir o problema:
vim aqui

Links e imagens do meu problema:
só ir no meu fórum e vera: digimonx.forumbrasil.net

Endereço do meu fórum:
digimonx.forumbrasil.net

Versão do meu fórum:
PHPBB3

[Light Wolf]

up...

[Light Wolf]

Upa '-'

[Invisible]

Olá, procure por este codigo em seu CSS

Código:

#page-header .navbar ul.navlinks{background:url(http://i49.servimg.com/u/f49/16/79/58/45/navhea10.png) no-repeat top center;border-bottom:0 solid #b2d1ed;height:36px;left:-15px;margin-bottom:-50px;position:center;width:962px}

E substitua por este

Código:

#page-header .navbar ul.navlinks{background:url(http://i49.servimg.com/u/f49/16/79/58/45/navhea10.png) no-repeat top center;border-bottom:0 solid #b2d1ed;height:36px;left:-15px;margin-bottom:-100px;position:center;width:962px}

Cordialmente.

[Light Wolf]

Olá,

o codigo não funcionou.

mas aqui o codigo CSS do menu:

Código:

div#page-header div.navbar{
background-color: #FFFFFF;
height: 25px
}

#page-header .navbar ul.navlinks {
width: 962px;
height: 36px;
background: url('http://i49.servimg.com/u/f49/16/79/58/45/navhea10.png') no-repeat top center;
left: -15px;
position: center;
border-bottom:0px solid #b2d1ed;
margin-bottom: -50px;
}

#page-header ul.navlinks {
top: -0px;
position: relative;
}

#row-line{
display: none
}

    ul.navlinks{text-align:center}

[King Gz;]

Olá,

Substitua seu código por este

Código:

    div#page-header div.navbar{
    background-color: #FFFFFF;
    height: 50px
    }

    #page-header .navbar ul.navlinks {
    width: 962px;
    height: 36px;
    background: url('http://i49.servimg.com/u/f49/16/79/58/45/navhea10.png') no-repeat top center;
    left: -15px;
    position: center;
    border-bottom:0px solid #b2d1ed;
    margin-bottom: -50px;
    }

    #page-header ul.navlinks {
    top: -0px;
    position: relative;
    }

    #row-line{
    display: none
    }

        ul.navlinks{text-align:center}

Até mais

[Light Wolf]

Olá,

o codigo não funcionou ç.ç

[Invisible]

Olá, substitua por este

Código:

    div#page-header div.navbar{
    background-color: #FFFFFF;
    height: 50px
    }

    #page-header .navbar ul.navlinks {
    width: 962px;
    height: 36px;
    background: url('http://i49.servimg.com/u/f49/16/79/58/45/navhea10.png') no-repeat top center;
    left: -15px;
    position: center;
    border-bottom:0px solid #b2d1ed;
    margin-bottom: -50px;
    }

    #page-header ul.navlinks {
    top: -20px;
    position: relative;
    }

    #row-line{
    display: none
    }

        ul.navlinks{text-align:center}

Cordialmente.

[King Gz;]

Olá,

Substitua por este

Código:

    div#page-header div.navbar{
    background-color: #FFFFFF;
    height: 25px
    }

    #page-header .navbar ul.navlinks {
    width: 962px;
    height: 36px;
    background: url('http://i49.servimg.com/u/f49/16/79/58/45/navhea10.png') no-repeat top center;
    left: -15px;
    position: center;
    border-bottom:0px solid #b2d1ed;
    margin-bottom: -50px;
    }

    #page-header ul.navlinks {
    top: -15px;
    position: relative;
    }

    #row-line{
    display: none
    }

        ul.navlinks{text-align:center}

Até mais

[Light Wolf]

Olá,

Nenhum dos codigos funcionou...

[Light Wolf]

up...

[Quakeline]

Tente usar este Código

div#page-header div.navbar{
background-color: #FFFFFF;
height: 25px
}

#page-header .navbar ul.navlinks {
width: 962px;
height: 36px;
background: url('http://i49.servimg.com/u/f49/16/79/58/45/navhea10.png') no-repeat top fixed;
left: -15px;
position: center;
border-bottom:0px solid #b2d1ed;
margin-bottom: -50px;
}

#page-header ul.navlinks {
top: -15px;
position: relative;
}

#row-line{
display: none
}

ul.navlinks{text-align:center}

[Light Wolf]

olá,

o codigo não funcionou

[Invisible]

Olá, boa tarde.
Novamente substitua o codigo por este

Código:

    div#page-header div.navbar{
    background-color: #FFFFFF;
    height: 25px
    }

    #page-header .navbar ul.navlinks {
    width: 962px;
    height: 36px;
    background: url('http://i49.servimg.com/u/f49/16/79/58/45/navhea10.png') no-repeat top center;
    left: -15px;
    position: center;
    border-bottom:0px solid #b2d1ed;
    }

    #page-header ul.navlinks {
    top: 50px;
    position: relative;
    }

    #row-line{
    display: none
    }

        ul.navlinks{text-align:center}

Cordialmente.

[Light Wolf]

Olá,

Obrigado pela ajuda, mas podem fechar o topico...