Na spletnih mestih velikokrat srečamo povezavo “Na vrh” oz. angleško “Back to top”. Logika povezave je precej preprosta, uporabnika popelje na vrh strani, kar je v primeru dolgih vsebin precej uporabno.
Preberi
Kategorija: CSS
Končaj besedilo s tremi pikami – CSS text-overflow: ellipsis
Predolgo besedilo v premajhnem polju je pojav, ki ga redno srečujemo na spletnih straneh. Najlažja in očitna rešitev je uporaba CSS značke overflow:hidden s katero odvečno besedilo enostavno odrežemo. Problem, ki tu nastane je nenaravni rez besedila, ki nam ni v ponos. Elegantnejša rešitev je uporaba CSS značke text-overflow: ellipsis, ki besedilo odreže in na koncu doda tri pike –
Preberi
Word-wrap: Prelom besedila s pomočjo CSS-ja
CSS značka “Word-wrap” prisili besedilo v prelom. V praksi to pomeni, da se besedilo, ki je zelo dolgo prelomi v novo vrsto. Ta pojav zasledimo v primerih, ko je polje, kjer je besedilo ožje od dolžine besedila, npr. dolge povezave. Primer tega pojava in uporaba značke “word-wrap: break-word;” je prikazana na spodnji sliki.
Preberi
CSS: box-sizing
CSS značka »box-sizing« nadzoruje, kako se polja privzetega CSS modela obnašajo na strani glede na postavitev. Povedano drugače, vpliva na širino in višino elementov in kako se slednji prikazujejo na sami strani.
Preberi