Ayuda para mover barra

Inicio Foros WordPress Themes y Diseño Ayuda para mover barra

Este debate contiene 6 respuestas, tiene 2 mensajes y lo actualizó  vichoandres hace 7 años, 9 meses.

  • Autor
    Publicaciones
  • #19656

    vichoandres
    Participante

    <p>Hola, estoy tratando de mover la barra de navegacion, en la que salen las categorias, ya que antes ocupaba todo el ancho de la pantalla, pero la achique a 1000px, y el problema es que se queda pegada a la izquierda, e tratado de centrarla, pero no puedo.</p>
    <p>Aquí esta el codigo css de la barra:</p>
    <p>/*navigation categories*/<br />
    #navcat{text-align:center;height:35px;width: 1000px;background: #E3ECEE;border-top:1px solid #fff;border-bottom: 1px solid #D6DDDF; }<br />
    #navcat ul{float: left;border-left: 1px solid #D6DDDF;}<br />
    #navcat li{float: left;}<br />
    #navcat li a{color: #666;font-weight: bold;text-decoration: none;background: #E3ECEE;padding: 8px 20px;display: block;border-right: 1px solid #D6DDDF;}<br />
    #navcat li.current_page_item a{background: #fff;}<br />
    #navcat li ul {position: absolute;width: 150px;left: -999em;z-index: 9999;}<br />
    #navcat li:hover ul,#navcat li.sfhover ul {left: auto;}<br />
    #navcat li ul li {line-height: 18px;font-size: 11px;color: #fff;}<br />
    #navcat li ul li a:hover {background: #D6DDDF;}<br />
    #navcat li ul li.current_page_item {background: #181818;color:#fff;}<br />
    #navcat li ul li a {width:150px; line-height:18px; }<br />
    #navcat li ul ul {margin: -34px 0 0 190px;}<br />
    #navcat li:hover ul ul,<br />
    #navcat li.sfhover ul ul {left: -999em;}<br />
    #navcat li:hover ul,<br />
    #navcat li li:hover ul,<br />
    #navcat li.sfhover ul,<br />
    #navcat li li.sfhover ul{<br />
    left: auto;<br />
    }</p>
    <p>ai alguien me puede decir que tengo que cambiar para que quede centrada se lo agradezco
    </p>

  • #47942

    Pedro Raul
    Participante

    #navcat ul{float: left;border-left: 1px solid #D6DDDF;}

    por

    #navcat ul{border-left: 1px solid #D6DDDF; margin: 0 auto,}

  • #47966

    vichoandres
    Participante

    Hola, acabo de probar pero no funciona, igual gracias por la ayuda, creo que voy a tener que hacer una barra yo mismo.

  • #47970

    vichoandres
    Participante

    Aunque si alguien sabe como moverla que me diga porfavor

  • #47983

    Pedro Raul
    Participante

    casi te puedo asegurar que eso es todo. Si me das el url, te lo doy exacto.

  • #47991

    vichoandres
    Participante

    a ok, ahora lo tengo en localhost, pero lo voy a subir, ahi te mando un mp para que veas si me puedes ayudar. Gracias

  • #48187

    vichoandres
    Participante

    Ya lo pude solucionar, no habia que modificar el css, en el header.php puse

    en el codigo de la barra y se centro.

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest