Wsparcie » Motywy » Top Bar – Static. Jak zrobić?

Top Bar – Static. Jak zrobić?

  • tgk1

    (@tgk1)


    12 years, 4 months temu

    /* -- 8.0 Top Bar -- */
#top-bar { height: 30px; background: #f8f8f8; border-bottom: 1px solid #eee; }
#top-bar a { color: #333; }
#top-bar a { position: fixed; display: block; }
#top-bar-inner { width: 940px; margin: 0 auto; }
#date { padding-top: 6px; float: left; margin-right: 10px; }
#date p { font-size: 10px; text-transform: uppercase; color: #fff; background: #ccc; padding: 0 5px; line-height: 18px; margin-bottom: 0; }
#feeds { float: right; padding-top: 6px; }
#feeds a { background: url(images/icon-rss.png) left top no-repeat; padding-left: 17px; margin-left: 10px; }
#feeds a:hover { text-decoration: none; }

    Witam,

    chcę zrobić statyczny top bar na stronie niestety po wpisaniu
    #top-bar a { position: fixed; display: block; } dalej pasek zjeżdza razem ze stroną

    Proszę o pomoc, z góry dziękuje.

Viewing 1 replies (of 1 total)
  • Paulo

    (@pauloen)

    12 years, 4 months temu

    Raczej powinno być:

    #top-bar { position: fixed; display: block; }

    a dokładniej:

    div#top-bar
{
width:100px; /*przykład*/
height:100px; /*przykład*/
background:red;
left:10px; top:100px;
/* to jest najważniejsze abyś określił w kótym miejscu ma się znaleźć ten blok*/
position:fixed;
}

    Zazwyczaj jest stosowany do diwów, w których dopiero umieszczasz linki.

    Czyli w Twoim przypadku należy określić ten atrybut dla nadrzędnego diva w którym masz menu, inne linki i pozostałe elementy itd.

    Czyli jeżeli chcesz aby ten top-bar był nieruchomy powinieneś te parametry przenieść wyżej do:

    #top-bar { height: 30px; background: #f8f8f8; border-bottom: 1px solid #eee; }

    A Ty określiłeś, że chcesz mieć stałe linki
    #top-bar a { position: fixed; display: block; }

Viewing 1 replies (of 1 total)
  • Temat ‘Top Bar – Static. Jak zrobić?’ jest zamknięty na nowe odpowiedzi.

Tagi tematu

Wyświetlenia