Pomagalnik

Pomagalnik

Strokovnjak za digitalne medije.

Objave za tag "Cascading Style Sheets"

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

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

CSS: Zrcaljenje in rotacija slike

S pomočjo CSSja lahko slike tudi zrcalimo oziroma rotiramo(vrtimo). Uporabno predvsem v primerih, ko lahko eno grafiko uporabimo v različnih primerih, npr. puščica, ki ponazarja smer levo in ob zrcaljenju desno.

Preberi do konca - CSS: Zrcaljenje in rotacija slike

WebPutty – »on-line« CSS urejevalnik

WebPutty je enostaven CSS urejevalnik z opcijo gostovanja datotek. Poleg urejanja "v živo" v predoglednem okolju, kjer imamo spletno mesto in CSS kodo za lažje urejanje eno ob drugi (side-by-side). Nam slednji ponuja še označevanje sintakse in vpeljavo dodatkov, kot so SCSS (sass-lang.com) in Compass (compass-style.org).

Preberi do konca - WebPutty – »on-line« CSS urejevalnik