Pomagalnik

Pomagalnik

Strokovnjak za digitalne medije.

Arhiv za kategorijo "CSS"

CSS LINT – CSS pregledovalnik

CSS Lint je on-line orodje, ki nam olajša izdelavo pravilne CSS kode. Opravi nam osnovni pregled sintakse in ponuja dodatne možnosti pregledovanja, ki iščejo problematične dele ali neskladnosti. Vse dodatne možnosti pregledovanja je možno izklapljati, tako da lahko preverjanje omejimo le na tiste, ki želimo.

Preberi do konca - CSS LINT – CSS pregledovalnik

Kako vertikalno poravnamo sliko z besedilom v CSSju

Pri ustvarjanju različnih spletnih projektov se velikokrat srečamo z različnimi poravnavami slike z besedilom v vrstici. Na voljo imamo več možnosti in sicer zgoraj (top), sredinsko (middle), spodaj (bottom) in rob (baseline). Slednje pa enostavno določimo preko class-a, ki ga dodelimo sliki.

Preberi do konca - Kako vertikalno poravnamo sliko z besedilom v CSSju

Kako ustavimo nekontrolirano večanje besedila na iPhone-u ali iPad-u?


Pri pregledovanju spletnih strani na iPhonu/iPadu nam slednji avtomatsko prilagajajo velikost besedila, da izboljšajo branje vsebine. Žal pa velikokrat ta prednost prilagajanja besedila spreminja velikost posameznih polj, slednji pa posledično tako deformirajo postavitev strani oziroma design.

Preberi do konca - Kako ustavimo nekontrolirano večanje besedila na iPhone-u ali iPad-u?

Kako omejimo izpis besedila po vrsticah s pomočjo CSS-ja

Spodnji CSS trik nam pride prav, kadar moramo skriti daljše besedilo v povezavi, naslovu, … Namesto, da se ukvarjajmo z kakšno funkcijo, ki omejuje izpis besedila, enostavno uporabimo CSS trik, ki omeji izpis glede na vrstice.

.ime_class {
max-height: 2.6em;
overflow:hidden;
}

Preberi do konca - Kako omejimo izpis besedila po vrsticah s pomočjo CSS-ja

Kako spremenimo barvo označenega besedila

Pri označevanju besedila na straneh se srečamo z belim besedilom na modri podlagi. Slednje pa lahko s pomočjo CSS značk v Firefoxu, Chromu in Safariju tudi spremenimo.

Preberi do konca - Kako spremenimo barvo označenega besedila