SysBlog » CSS

CSS: align center vertical/horizontal

SysBlog — Wed, 28 Sep 2016 14:29:08 +0000

Problem: pozicionirati neki div element u sredinu po visini i/ili širini

Rješenje:


position:absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);

CSS: pozicionirati background image x piksela od desnog ruba

SysBlog — Wed, 06 May 2015 13:10:39 +0000

Problem: kako pozicionirati background image x piksela od desnog ruba?

Rješenje:


background:
url("slika.png") no-repeat scroll right 10px top 10px rgba(0,0, 0,0);

CSS – upotreba @font-face

SysBlog — Sun, 28 Dec 2014 09:14:25 +0000

http://articles.centennialarts.com/2010/10/30/embedding-fonts-using-font-face/

CSS – background-size: cover i IE8

SysBlog — Wed, 18 Jun 2014 08:23:13 +0000

Problem: background-size ne radi u IE8


background-image:url(slika.jpg);

background-size:cover;

Rješenje:


background-image:url(slika.jpg);

background-size:cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='slika.jpg', sizingMethod='scale');

 -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='slika.jpg', sizingMethod='scale')";

CSS – dva elementa u redu, jedan ima fiksnu duljinu, drugi popunjava ostatak

SysBlog — Thu, 06 Feb 2014 14:56:45 +0000

Problem:

U element x duljine 100% treba postavti dva child elementa od kojih je prvi dugačak 200px, a drugi se proteže od kraja prvog do kraja parent x elementa

Rješenje:






prvi

drugi