Pomagalnik

Pomagalnik

Strokovnjak za digitalne medije.

Arhiv za kategorijo "CSS"

CSS: Nadpisano <sup> in podpisano <sub> besedilo

CSS znački <sup> in <sub> uporabljamo za  nadpisano oz. podpisano besedilo. Uporaba omenjenih znač pa ob standardni uporabi pri večji količini besedila "uniči" razmike med vrsticami. V izogib omenjeni težavi pa je potrebno osnovno nastavitev CSS značk <sup> in <sub> nadgraditi.

Preberi do konca - CSS: Nadpisano <sup> in podpisano <sub> besedilo

CSS: Obrnjeno in zrcaljeno besedilo

CSS-obrni-besedilo

Za obrnjeno in zrcaljeno besedilo ne potrebujemo jQuery ali JavaScript vtičnikov, ampak lahko to dosežemo z uporabo CSS značk.

Preberi do konca - CSS: Obrnjeno in zrcaljeno besedilo

Povezava na vrh – Back to top link

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 do konca - Povezava na vrh – Back to top link

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 do konca - Končaj besedilo s tremi pikami – CSS text-overflow: ellipsis

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 do konca - Word-wrap: Prelom besedila s pomočjo CSS-ja