| 7,56 → 7,23 |
|---|
| /* Nutno doladit patičku (přesnost patička X text) */ |
| /* Zlepšena podpora IE7 (oprava barev odkazů v menu) */ |
| /* Doplněn styl pro zobrazení menu při vypnutém JavaScriptu */ |
| /* Doplněn styl o tisk a zarovnani CSS souboru */ |
| |
| /* PROBLEM - opravit hlavičku aby se zarovnávala správně, současné řešení není |
| příliš robustní (nepracuje správně při změně velikosti písma). |
| */ |
| |
| /* Chybí styl pro výpis programu (jako blok) */ |
| |
| /* |
| Pro tisk se nesmí použít pozicování fixed protože to by vedlo k překrývání |
| textu hlavičkou a patičkou na dalších stránkách. |
| (možná řešitelné pomocí z-order) |
| Pro tisk je vhodné vypnout menu. |
| |
| připojení: |
| nejdřív hlavní css |
| pak za něj tiskový css |
| |
| V tiskovém css by mělo být |
| width: 100% šířka přez celou stranu |
| velikost písma v pt |
| řádkování 1 |
| patkové písmo (lépe se čte) |
| font: 12pt/1 "Times CE", Times, "Times New Roman", serif; |
| pro obrazovku je lepší font bezpatkový, skus Verdana |
| zhasnout nepotřebné dispaly: none |
| |
| |
| Dodělat: |
| Alternativní fonty (font-family) |
| Definice stylu pro tisk (pro stránkovaná média) |
| velikost písma v pt |
| řádkování 1 |
| patkové písmo (lépe se čte) |
| font: 12pt/1 "Times CE", Times, "Times New Roman", serif; |
| pro obrazovku je lepší font bezpatkový, skus Verdana |
| Alternativní styly |
| bez absolutního pozicování |
| možná bez barev (černobíle) |
| Styl nadpisu tabulky |
| Opravit chybné odsazení spodního okraje (o velikost patičky), teď je větší |
| |
| h1,h2,h3,h4,h5,h6 { |
| page-break-inside:avoid; |
| page-break-after:avoid; |
| page-break-before:auto |
| } |
| |
| h1>h2,h2>h3,h3>h4,h4>h5,h5>h6 { |
| page-break-before:avoid |
| } |
| |
| img { |
| page-break-inside:avoid |
| } |
| |
| */ |
| |
| |
| 134,6 → 101,7 |
|---|
| h1, h2, h3, h4, h5, h6 { |
| page-break-inside: avoid; /* nedělit stránky v nadpisech */ |
| page-break-after: avoid; /* zákaz zalomení pod nadpisem */ |
| page-break-before: auto; |
| font-family: Arial; /* nadpisový font */ |
| font-weight: bolder; /* tlistší písmo */ |
| margin-top: 0.75em; /* mezera před trochu větší */ |
| 178,6 → 146,9 |
|---|
| font-size: 120%; /* Větší (tlustě někdy není odlišné) */ |
| } |
| |
| h1>h2,h2>h3,h3>h4,h4>h5,h5>h6 { /* Zákaz odstránkování mezi nadpisy */ |
| page-break-before: avoid; |
| } |
| |
| samp { /* ukázky výpisů a podobně */ |
| font-family: "Courier New"; /* neproporcionální písmo */ |
| 400,13 → 371,13 |
|---|
| margin-bottom: 1.25em; /* když funguje fixní pozicování vynech patičku */ |
| /* číslo 1/font-size v patičce */ |
| _margin-bottom: 0px; /* IE6 umístění patičku hned za textem */ |
| /* Rolovátko jen pro vnitřek */ |
| overflow: auto; /* rolovátko jen pro dlouhý obsah */ |
| position: fixed; /* fixní umístění na stránce */ |
| top: 0; /* vyplň celé místo */ |
| bottom: 0; /* vyplň celé místo */ |
| left: 0; /* vyplň celé místo */ |
| right: 0; /* vyplň celé místo */ |
| /* Rolovátko jen pro vnitřek */ |
| overflow: auto; /* rolovátko jen pro dlouhý obsah */ |
| position: fixed; /* fixní umístění na stránce */ |
| top: 0; /* vyplň celé místo */ |
| bottom: 0; /* vyplň celé místo */ |
| left: 0; /* vyplň celé místo */ |
| right: 0; /* vyplň celé místo */ |
| } |
| |
| /* odstranění okraje */ |
| 414,6 → 385,10 |
|---|
| border: 0; |
| } |
| |
| img { |
| page-break-inside:avoid; |
| } |
| |
| a img { /* obrázky uvnitř odkazů obvykle nemají okraj */ |
| border: 0px; /* žádný okraj */ |
| } |