Timesoft

Osobní stránky webkonzultanta

Rubrika: CSS (page 2 of 3)

Konverze px na em?

V nedávné době jsem narazil na problém zvaný absolutní a relativní jednotky písma na stránkách. Majitel stránek chtěl vypracovat analýzu přístupnosti. Jedná se o stránky úřadu, které musí plnit pravidla přístupného webu podle novely Zákona č. 365/2000Sb. o informačních systémech veřejné zprávy, provedenou zákonem č. 81/2006 Sb. Analýza se povedla, majitel byl spokojen. Ale pojďme k problému, na který jsem narazil.

Pokračovat ve čtení

Líbil se vám článek? Sdílejte jej prosím:

České v znaky v Google Fonts

V jednom svém (spíše rodinném) projektu jsem narazil na problém s fontem Great Vibes, který nabízí Google k použití na web stránkách. Podle ukázky by měl umět i české znaky. Bohužel, když jsem jej použil, „nějakým záhadným“ způsobem nefungoval. Ještě, že nečtu ty příručky. Pokud bych ji četl, problém bych vyřešil během několika málo minut.

Pokračovat ve čtení




Líbil se vám článek? Sdílejte jej prosím:

Tisk Cufonu v IE 9

Nedávno kolega pronesl zajímavou myšlenku: webprogramátor stráví 10% času psaním aplikace a 90% řešením chyb v IE.  Při jednom projektu jsem narazil na problém s tiskem v IE9. V textu jsem byl nucen pro nadpisy použít JS script Cufon. Pokud bez úpravy zadáte tisk, je na problém zaděláno – nadpisy se nevytisknou. Zajimavostí je, že pokud se přepnu na IE8 nebo starší, nadpisy se vytisknout bez problémů. Co teď?

Pokračovat ve čtení

Líbil se vám článek? Sdílejte jej prosím:

CSS pseudo-třídy 2

Jan Korbel na svém blogu odkazuje na zajímavou ukázku CSS selektorů – jednoduché, čisté, praktické. Díky za inspiraci – něco podobného vyrobím na svůj článek CSS pseudo-třídy.

Líbil se vám článek? Sdílejte jej prosím:

Cufon – text-decoration

Cufon má „špatnou“ podporu hover. Na internetu naleznete nesčetné dotazy na jeho fungování – proč to nefunguje a co s tím dělat, atd. Samozřejmě řešení existuje, ale…

Co opravdu nefunguje je podtržení odkazů, tj. není respektována hodnota text-decoration.

Řešení problému je velmi jednoduché:

[sourcecode language=“css“]a .cufon {border-bottom: solid 1px #000000}
a:hover .cufon {border-bottom: none}[/sourcecode]

Zdroje:

-Stackoverflow: Cufon: Underline Text. [online]. [cit. 2012-04-19]. Dostupné z: http://stackoverflow.com/questions/3315701/cufon-underline-text

Líbil se vám článek? Sdílejte jej prosím:
« starší příspěvky Novější příspěvky »

© 2024 Timesoft

Autor šablony Anders NorenNahoru ↑