Hotová řešení

Spodní lišta jako na Facebooku

Tato kapitola ukazuje možné řešení lišty naspodu okna prohlížeče, která neroluje spolu s obsahem. Její šřka je 90 % šířky okna prohlížeče – je tedy natahovací. Řešení je funkční i v IE 6 s téměř nepostřehnutelným nedostatkem (viz dále). Nevím, jak to mají uděláno na Facebooku, ale tam se lišta chová perfetně i v IE 6. CSS * {margin: 0; padding: 0;}html {height: 100%; font-size: 62.5%;}body {   height: 100%;   background-color: #FFFFFF;   color: #101010;   text-align: center;   font: 1.6em Verdana, Arial, Helvetica, sans-serif;   }#wrapper {height: 100%; margin: 0 auto;}#page {width: 86%; margin: 0 auto; text-align: left;}p {margin: 0 …

Změna obrázku při najetí kursoru

Často na Internetu narážím na dotaz, jak udělat, aby se obrázek, na který najedu kursorem myši změni, změnil na jiný. Nejčastější odpovědí bývá, že to lze řešit pomocí JavaScriptu. JavaScript však někdo má v prohlížeči vypnutý. I když se jedná o malou část uživatelů/uživatelek, proč to neudělat tak, aby to fungovalo i jim. Navíc, kvalitní JS řešení je krapánek složitější. Řešit se to dá pomocí CSS. Ano, ano, i styly mohou mít někteří vypnuty, ale to už je pouze minimum případů. Následující …