Jump to content
Fórum Script Brasil
  • 0

Centralizar menu de categorias


HelderSantanaBR
 Share

Question

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 to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 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 to comment
Share on other 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 to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      150.9k
    • Total Posts
      648.8k
×
×
  • Create New...