SysBlog

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%);

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);

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

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')";

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:

<style>

#x{position:relative}

#prvi{float:left;width:200px;background-color:#666}

#drugi{margin-right:200px;background-color:#ccc}

</style>

<div id="x">

<div id="prvi">prvi</div>

<div id="drugi">drugi</div>

</div>