29 Listopad
2

Průhledný PNG i v Internet Explorer 6

(x)HTML, CSS, Javascript, Nástroje

Vě většině prohlížečů se průhledný PNG zobrazí správně, až na starý Internet Explorer 6 se průhledne okraje podbarví odstínem šedo/bílé.

Pro odstranění toho nešvaru se používá malá javascriptová knihovna,
kterou udělal Drew Diller a řešení se nazývá DD_belatedPNG.

Použítí je jednoduché, připojíte si do dokumentu 7Kb soubor, a na elemtech které, chcete probudit, tak tento script zavoláte, např:

Tímto si na elementech logo a search, na kterých používáme průhledné PNG, zavoléme funkci, která nám i v IE6 zaručí správnou funkci.

čtěte více
25 Listopad
2

CLEARFiX

(x)HTML, CSS

Čím jiným na blogu pojmenovaném CLEARFiX začít, než se stejnojmeným trikem :)
Většina kodéru tento trik určitě zná, a pokud ne tak se už určitě setkali s tímto problémem:




	div zarovnaný doleva




	div zarovnaný doprava

Pokud toto udělám, a neošetřím float, tak nám z divu content oba floatované divy „vytečou“.
Dříve se používalo např:




	div zarovnaný doleva




	div zarovnaný doprava

Nebo místo clear=“all“ se používalo (kvůli strictu) class=“clear“, kde clear byl nastylován jako clear:both, ale tento zápis se mí vubec nelíbil, proč kvůli takové „blbosti“ jako jsou dva floatované prvky dávat do kodu další tag, proto vzniknul clearfix:

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

Po přidání do CSS, upravíme ještě zdrojový kod:




	div zarovnaný doleva




	div zarovnaný doprava

A po této úpravě se nám nic podobného už nemůže stát :)

čtěte více
Page 6 of 6« First...«23456