Kako Dodati Drsnik

Kazalo:

Kako Dodati Drsnik
Kako Dodati Drsnik

Video: Kako Dodati Drsnik

Video: Kako Dodati Drsnik
Video: Как сделать самое Жесткое мясо Мягким всего за 5 минут. Говядина с перцами в сковороде. Огузок. 2024, November
Anonim

Drsni trakovi so navpične in vodoravne vrstice vzdolž desne (pri pisanju od leve proti desni) in spodnjih robov okna ali ločenega območja znotraj okna, namenjene premikanju vsebine navpično ali vodoravno. Spletne strani uporabljajo elemente Cascading Style Sheets (CSS), vdelane v HTML, za nadzor njihovega videza in vedenja.

Kako dodati drsnik
Kako dodati drsnik

Navodila

Korak 1

Uporabite oznako div, če želite drsnika narediti ne za celotno stran, temveč le za njeno omejeno območje. V HTML (HyperText Markup Language) se oznake nanašajo na posamezne ukaze brskalnika za prikaz določenega elementa strani. V najpreprostejši obliki je oznaka div (pogosto imenovana tudi "plast") zapisana takole:

To je besedilo znotraj plasti

Tu je uvodna oznaka in zaključna oznaka. Vse, kar je postavljeno med oznako za odpiranje in zapiranje, je v plasti kot v vsebniku in ta vsebnik lahko dimenzionirate - širino in višino. To se naredi z uporabo dodatnega sloga parametra ("atribut"), ki ga je treba dodati uvodni oznaki:

To je besedilo znotraj plasti

2. korak

V atribut sloga oznake div vključite tudi pravila za drsne trakove sloja:

To je besedilo znotraj plasti

Tu prelivanje: samodejno pomeni, da se drsni trakovi prikažejo samodejno, torej ko vsebina sloja ne bo ustrezala določenim dimenzijam. Če samodejno zamenjate s pomikanjem, bodo te črte vedno prisotne, ne glede na to, ali so potrebne. Skrita vrednost bo imela nasprotni učinek - drsnik se ne bo nikoli prikazal, tudi če vsebina tega vsebnika ni vidna čez robove.

3. korak

Uporabite podoben način za dodajanje drsnih trakov na celoto strani. Privzeto so prikazani po potrebi, če pa je zaradi kakršnega koli razloga potrebna njihova stalna prisotnost na strani, je treba v izvorno html-kodo dodati ustrezno pravilo sloga. V kodi strani poiščite zaključno oznako glave dokumenta in pred njo napišite ta slogovna navodila:

body {overflow: scroll;}

Priporočena: