Jaki usunąć pustą przestrzeń w rozwijanym menu (link)

  • DevA90

    (@deva90)


    11 lat, 7 miesięcy temu

    Witam,

    Troche bawię się plikiem style.php. usunałem denerwującą pustą, białą przestrzeń między logiem (header zmieniając margin border na 0) a paskiem menu, jednak w raz z tą czyynnością menu które się rozwija po kliknięciu na Sample Page (przyklad) zawiera pustą przestrzeń (ten element nie podciągnął się).
    1) jak usunąć tą pustą przestrzeń?
    2) ktory kod odpowiada za kolor paseczka (tutaj niebieski)
    3) jak nadać tło dla przycisków menu

    link do strony http://routeofdreams.com/

Zobacz 1 odpowiedź (z 1 wszystkich)
  • Twórca wątku DevA90

    (@deva90)

    11 lat, 7 miesięcy temu

    Ok, problem rozwiązałem jakoś sam metodą prób i błędów.

    Inne pytanie związane z menu.
    1) które linijki kodu odpowiadają za podświetlanie elementów menu po nakierowaniu na nich kursora myszki i jak te kolory zmienić?
    2) Jak zmienić poziome paski na stronie ktore są między postami?

    sf-menu,
    .sf-menu * { margin: 0; padding: 0; list-style: none; }
    .sf-menu li { position: relative }
    .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 10001; }
    .sf-menu > li { float: left }
    .sf-menu li:hover > ul,
    .sf-menu li.sfHover > ul { display: block }
    .sf-menu a { display: block; position: relative; }
    .sf-menu ul ul { top: 0; left: 100%; }
    .sf-menu { float: left }
    .sf-menu ul { min-width: 160px; *width: 160px; }
    .sf-menu a { zoom: 1 }
    .sf-menu li { position: relative; white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; }
    .sf-menu li:hover,
    .sf-menu li.sfHover { -webkit-transition: none; transition: none; }
    .sf-menu .sf-mega { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
    .sf-menu li:hover > .sf-mega,
    .sf-menu li.sfHover > .sf-mega { display: block }

    /*styling*/

    #site-navigation-wrap { background: #2c2c2c; margin: 0 0 30px; min-height: 45px; border-bottom: 5px solid #02aace; }
    #site-navigation .dropdown-menu li { display: block; float: left; height: 45px; line-height: 45px; }
    #site-navigation .dropdown-menu a { padding: 0 20px; color: #999; font-weight: 400; text-decoration: none; text-align: left; cursor: pointer; }
    #site-navigation .dropdown-menu > li > a:hover,
    #site-navigation .dropdown-menu > li.sfHover > a { color: #fff; }
    #site-navigation .dropdown-menu > .current-menu-item > a,
    #site-navigation .dropdown-menu > .current-menu-item > a:hover { background-color: #02aace; color: #fff; }

    /*drop-down styles*/
    #site-navigation .dropdown-menu ul { padding-top: 5px; }
    #site-navigation .dropdown-menu ul ul { padding-top: 0; }
    #site-navigation .dropdown-menu ul li { background: #2c2c2c; border-bottom: 1px solid rgba(255, 255, 255, 0.08); line-height: 1.4em; height: auto; float: none; display: block; }
    #site-navigation .dropdown-menu ul a { display: block; height: auto; line-height: 1.7em; padding: 10px 20px; margin: 0px; border: 0px; text-transform: none; font-size: 0.9em; }
    #site-navigation .dropdown-menu ul li > a:hover { color: #fff }
    #site-navigation .dropdown-menu ul li:last-child { border: none; }

Zobacz 1 odpowiedź (z 1 wszystkich)

Temat ‘Jaki usunąć pustą przestrzeń w rozwijanym menu (link)’ jest zamknięty na nowe odpowiedzi.