• Rozwiązano ReelReel

    (@reelreel)


    Witam, chciałbym wyśrodkować elementy menu poziomego (górnego) w szablonie Portal. Standardowe sposoby dokonania tego opisane w internecie niestety nie działają – zmiana text-align na center zmienia jedynie ułożenie tekstu w elementach menu rozwijanego (tych które pokazują się po najechaniu na daną kategorię), zaś ustawienie margin 0 auto czy margin auto nic nie daje. Tak wygląda kod css menu w tym szablonie:

    /*-[ Navigation ]-----------------*/
    .secondary-navigation .children li .sf-sub-indicator { display: none }
    .secondary-navigation {
        display: table;
        margin: 0 auto;
        float: left;
        height: 39px;
        width: 100%;
    }
    .secondary-navigation ul li { }
    .secondary-navigation a {
        font-size: 13px;
        color: #fff;
        text-align: left;
        text-decoration: none;
        padding: 10px 14px;
        font-weight: bold;
    }
    .secondary-navigation a .sub {
        font-size: 11px;
        font-weight: normal;
        font-family: arial;
        color: #9B9B9B;
    }

    Jedyną zmianę jaką udało mi się wywołać była zmiana ustawień width, niestety on musi być ustawiony na 100% gdyż menu leży na czarnym bloku które musi rozciągać się na całość strony (inaczej wygląda to bezsensownie), a zmiana szerokości tego atrybutu go „ucina”. Chcę żeby wyśrodkować jedynie elementy menu w ramach tego bloku.

    Z góry dzięki za pomoc 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • w #navigation ul powinieneś mieć ustawioną szerokość menu. Zmniejsz ją odpowiednio, to się wycentruje.

    Thread Starter ReelReel

    (@reelreel)

    Dzięki, problem już sam rozwiązałem inaczej: umieściłem całe menu w divie i nadałem temu divowi szerokość menu i margin 0 auto. Podziałało 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • Temat ‘Wyśrodkowanie menu w szablonie portal’ jest zamknięty na nowe odpowiedzi.