[HTML|CSS] Jak zrobić stały pasek górny lub dolny?

Chcesz zrobić stały element na stronie w formie paska, który nie będzie zmieniał położenia podczas przewijania? Nie jest to nic skomplikowanego. Należy posłużyć się właściwością position: fixed;, a także top lub bottom i left.

Przykład

Załóżmy, że na stronie chcemy mieć stały pasek z tekstem umieszczony przy górnej krawędzi okna przeglądarki:

<div class="top-bar"><p>Jakiś tekst</p></div>

Dodajemy div z atrybutem class="top-bar" najlepiej na samym dole strony (przed znacznikiem </body>). Następnie dodajemy reguły CSS dla naszego elementu div:

.top-bar {

z-index: 9999;
position: fixed;
top: 0;
left: 0;
padding: 5px;
width: 100%;

}

Oczywiście takie szczegóły jak rozmiar i kolor czcionki każdy ustawi sobie sam wedle uznania.

Komentarze

Popular

[HTML] Jak wstawić obrazek?

[PHP] Szyfrowanie hasła

[PHP] Jak wyświetlić tablicę?