Ir para conteúdo
Fórum Script Brasil
  • 0

Centralizar menu de categorias


HelderSantanaBR

Pergunta

Pessoas, to quebrando a cuca aqui pra arrumar isso. Bom, não manjo quase nada de CSS. Só não digo absolutamente nada, porque venho arrumando algumas coisas na raça aqui, sem base nenhuma rs.

Enfim, tirei um print do probleminha.. espero que me ajudem.

Link da imagem: http://i45.tinypic.com/359cozb.png

O que eu quero é que essa linha azul aí chegue de uma ponta da tela até a outra, que tome a tela toda, só que não ta indo. Consegui fazer com que chegasse de uma parte da direita pro final, mas completar o lado esquerdo não estou conseguindo. Como faço, é possivel fazer isso? Sempre que consigo centralizar, essa linha azul acompanha e não fica na tela toda.

Valeu abraço!

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

Opa.. é possivel sim primeiro preciso ver como ta seu HTML para saber onde que essa linha fica no teu HTML e do CSS para saber como que está...

de qualquer forma so resumindo assim voê nem precisa usar imagem nessa linha declares um div que tenha espaço total do site por exemplo

entre o Head e o Body. e que fique claro a baixo do seu menu... essa div você estabelece algo tipo assim.

#linha_menu {

width: 100%;
height: 3px;
background-color: blue;

}

beleza isso já deve resolver seu problema... talvez seja nescessario por um float left. para a div fica posicionada.

quanto a cor é so você mudar para o c´pdigo do azul mais escuro.

qualquer duvida só falar.

Link para o comentário
Compartilhar em outros sites

  • 0

É um template do wordpress, to fazendo a edição so pelo CSS.

/* Category Navigation */
#cat-menu {
    height: 35px;
    margin: 0 0 20px 0;
}
.nav {
    border-top: 1px solid #e6e6e6;
    float: left;
    list-style: none;
    line-height: 1;
    margin: 0;
    width: 100%;
    z-index: 99;
}
.nav a {
    color: #333;
    display: block;
    position: relative;
    text-decoration: none;
    z-index: 100;
}
.nav li {
    float: left;
    width: auto;
}
.nav li a {
    border-right: 1px solid #e6e6e6;
    color: #333;
    font: 13px/15px Arial, Helvetica, sans-serif;
    padding: 8px 12px;
    text-decoration: none;
}
.nav li a:hover, .nav li a:active {
    color: #fff;
}
.nav li ul {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-bottom: none;
    left: -999em;
    margin-left: -1px;
    position: absolute;
    width: 168px;
    z-index: 999;
}
.nav li ul li {
    border-bottom: 1px solid #e6e6e6;
}
.nav li ul li a {
    background: #fff;
    color: #333;
    font-size: 13px;
    font-weight: normal;
    padding: 8px 12px;
    width: 144px;
}
.nav li ul li a.sf-with-ul {
    padding: 8px 12px;
}
.nav li ul li a:hover {
    color: #fff;
    text-decoration: none;
}
.nav li ul ul {
    margin: -32px 0 0 168px;
}
.nav li:hover,.nav li.hover {
    position: static;
}
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul {
    left: -999em;
}
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul {
    left: auto;
}
.nav .sf-sub-indicator {
    display: none;
}
.nav li ul .sf-sub-indicator {
    background: url(images/bullet.png) no-repeat;
    display: block;
    overflow: hidden;
    position: absolute;
    width: 10px;
    height: 10px;
    text-indent: -999em;
    top: 0.95em;
    right: 0.4em;
}

Acredito que seja aqui.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...