| Line 5... |
Line 5... |
| 5 |
/* Změněno kódování na UTF-8 - nutné pro IE a s českými komentáři */ |
5 |
/* Změněno kódování na UTF-8 - nutné pro IE a s českými komentáři */ |
| 6 |
/* Doplněny styly pro websvn */ |
6 |
/* Doplněny styly pro websvn */ |
| 7 |
/* Nutno doladit patičku (přesnost patička X text) */ |
7 |
/* Nutno doladit patičku (přesnost patička X text) */ |
| 8 |
/* Zlepšena podpora IE7 (oprava barev odkazů v menu) */ |
8 |
/* Zlepšena podpora IE7 (oprava barev odkazů v menu) */ |
| 9 |
/* Doplněn styl pro zobrazení menu při vypnutém JavaScriptu */ |
9 |
/* Doplněn styl pro zobrazení menu při vypnutém JavaScriptu */ |
| 10 |
|
- |
|
| 11 |
/* PROBLEM - opravit hlavičku aby se zarovnávala správně, současné řešení není |
10 |
/* Doplněn styl o tisk a zarovnani CSS souboru */ |
| 12 |
příliš robustní (nepracuje správně při změně velikosti písma). |
- |
|
| 13 |
*/ |
- |
|
| 14 |
|
11 |
|
| 15 |
/* Chybí styl pro výpis programu (jako blok) */ |
12 |
/* Chybí styl pro výpis programu (jako blok) */ |
| 16 |
|
13 |
|
| 17 |
/* |
14 |
/* |
| 18 |
Pro tisk se nesmí použít pozicování fixed protože to by vedlo k překrývání |
- |
|
| 19 |
textu hlavičkou a patičkou na dalších stránkách. |
- |
|
| 20 |
(možná řešitelné pomocí z-order) |
- |
|
| 21 |
Pro tisk je vhodné vypnout menu. |
- |
|
| 22 |
|
- |
|
| 23 |
připojení: |
- |
|
| 24 |
nejdřív hlavní css |
- |
|
| 25 |
pak za něj tiskový css |
- |
|
| 26 |
|
- |
|
| 27 |
V tiskovém css by mělo být |
- |
|
| 28 |
width: 100% šířka přez celou stranu |
- |
|
| 29 |
velikost písma v pt |
- |
|
| 30 |
řádkování 1 |
- |
|
| 31 |
patkové písmo (lépe se čte) |
- |
|
| 32 |
font: 12pt/1 "Times CE", Times, "Times New Roman", serif; |
- |
|
| 33 |
pro obrazovku je lepší font bezpatkový, skus Verdana |
- |
|
| 34 |
zhasnout nepotřebné dispaly: none |
- |
|
| 35 |
|
- |
|
| 36 |
|
- |
|
| 37 |
Dodělat: |
15 |
Dodělat: |
| 38 |
Alternativní fonty (font-family) |
16 |
Alternativní fonty (font-family) |
| 39 |
Definice stylu pro tisk (pro stránkovaná média) |
17 |
Definice stylu pro tisk (pro stránkovaná média) |
| - |
|
18 |
velikost písma v pt |
| - |
|
19 |
řádkování 1 |
| - |
|
20 |
patkové písmo (lépe se čte) |
| - |
|
21 |
font: 12pt/1 "Times CE", Times, "Times New Roman", serif; |
| - |
|
22 |
pro obrazovku je lepší font bezpatkový, skus Verdana |
| 40 |
Alternativní styly |
23 |
Alternativní styly |
| 41 |
bez absolutního pozicování |
24 |
bez absolutního pozicování |
| 42 |
možná bez barev (černobíle) |
25 |
možná bez barev (černobíle) |
| 43 |
Styl nadpisu tabulky |
26 |
Styl nadpisu tabulky |
| 44 |
Opravit chybné odsazení spodního okraje (o velikost patičky), teď je větší |
- |
|
| 45 |
|
- |
|
| 46 |
h1,h2,h3,h4,h5,h6 { |
- |
|
| 47 |
page-break-inside:avoid; |
- |
|
| 48 |
page-break-after:avoid; |
- |
|
| 49 |
page-break-before:auto |
- |
|
| 50 |
} |
- |
|
| 51 |
|
- |
|
| 52 |
h1>h2,h2>h3,h3>h4,h4>h5,h5>h6 { |
- |
|
| 53 |
page-break-before:avoid |
- |
|
| 54 |
} |
- |
|
| 55 |
|
- |
|
| 56 |
img { |
- |
|
| 57 |
page-break-inside:avoid |
- |
|
| 58 |
} |
- |
|
| 59 |
|
- |
|
| 60 |
*/ |
27 |
*/ |
| 61 |
|
28 |
|
| 62 |
|
29 |
|
| 63 |
/*============================================================================*/ |
30 |
/*============================================================================*/ |
| 64 |
/* Globální nastavení */ |
31 |
/* Globální nastavení */ |
| Line 132... |
Line 99... |
| 132 |
/* společné vlastnosti nadpisů a nadpisy */ |
99 |
/* společné vlastnosti nadpisů a nadpisy */ |
| 133 |
/* ------------------------------------- */ |
100 |
/* ------------------------------------- */ |
| 134 |
h1, h2, h3, h4, h5, h6 { |
101 |
h1, h2, h3, h4, h5, h6 { |
| 135 |
page-break-inside: avoid; /* nedělit stránky v nadpisech */ |
102 |
page-break-inside: avoid; /* nedělit stránky v nadpisech */ |
| 136 |
page-break-after: avoid; /* zákaz zalomení pod nadpisem */ |
103 |
page-break-after: avoid; /* zákaz zalomení pod nadpisem */ |
| - |
|
104 |
page-break-before: auto; |
| 137 |
font-family: Arial; /* nadpisový font */ |
105 |
font-family: Arial; /* nadpisový font */ |
| 138 |
font-weight: bolder; /* tlistší písmo */ |
106 |
font-weight: bolder; /* tlistší písmo */ |
| 139 |
margin-top: 0.75em; /* mezera před trochu větší */ |
107 |
margin-top: 0.75em; /* mezera před trochu větší */ |
| 140 |
margin-bottom: 0.5em; /* mezera za */ |
108 |
margin-bottom: 0.5em; /* mezera za */ |
| 141 |
} |
109 |
} |
| Line 176... |
Line 144... |
| 176 |
{ |
144 |
{ |
| 177 |
font-weight: bold; /* Tlustě */ |
145 |
font-weight: bold; /* Tlustě */ |
| 178 |
font-size: 120%; /* Větší (tlustě někdy není odlišné) */ |
146 |
font-size: 120%; /* Větší (tlustě někdy není odlišné) */ |
| 179 |
} |
147 |
} |
| 180 |
|
148 |
|
| - |
|
149 |
h1>h2,h2>h3,h3>h4,h4>h5,h5>h6 { /* Zákaz odstránkování mezi nadpisy */ |
| - |
|
150 |
page-break-before: avoid; |
| - |
|
151 |
} |
| 181 |
|
152 |
|
| 182 |
samp { /* ukázky výpisů a podobně */ |
153 |
samp { /* ukázky výpisů a podobně */ |
| 183 |
font-family: "Courier New"; /* neproporcionální písmo */ |
154 |
font-family: "Courier New"; /* neproporcionální písmo */ |
| 184 |
background: lightgrey; /* zvýraznění barvou pozadí */ |
155 |
background: lightgrey; /* zvýraznění barvou pozadí */ |
| 185 |
} |
156 |
} |
| Line 398... |
Line 369... |
| 398 |
margin-left: 16ex; /* odsazení o velikost menu a kousek */ |
369 |
margin-left: 16ex; /* odsazení o velikost menu a kousek */ |
| 399 |
_margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ |
370 |
_margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ |
| 400 |
margin-bottom: 1.25em; /* když funguje fixní pozicování vynech patičku */ |
371 |
margin-bottom: 1.25em; /* když funguje fixní pozicování vynech patičku */ |
| 401 |
/* číslo 1/font-size v patičce */ |
372 |
/* číslo 1/font-size v patičce */ |
| 402 |
_margin-bottom: 0px; /* IE6 umístění patičku hned za textem */ |
373 |
_margin-bottom: 0px; /* IE6 umístění patičku hned za textem */ |
| 403 |
/* Rolovátko jen pro vnitřek */ |
374 |
/* Rolovátko jen pro vnitřek */ |
| 404 |
overflow: auto; /* rolovátko jen pro dlouhý obsah */ |
375 |
overflow: auto; /* rolovátko jen pro dlouhý obsah */ |
| 405 |
position: fixed; /* fixní umístění na stránce */ |
376 |
position: fixed; /* fixní umístění na stránce */ |
| 406 |
top: 0; /* vyplň celé místo */ |
377 |
top: 0; /* vyplň celé místo */ |
| 407 |
bottom: 0; /* vyplň celé místo */ |
378 |
bottom: 0; /* vyplň celé místo */ |
| 408 |
left: 0; /* vyplň celé místo */ |
379 |
left: 0; /* vyplň celé místo */ |
| 409 |
right: 0; /* vyplň celé místo */ |
380 |
right: 0; /* vyplň celé místo */ |
| 410 |
} |
381 |
} |
| 411 |
|
382 |
|
| 412 |
/* odstranění okraje */ |
383 |
/* odstranění okraje */ |
| 413 |
.NoBorder { |
384 |
.NoBorder { |
| 414 |
border: 0; |
385 |
border: 0; |
| 415 |
} |
386 |
} |
| 416 |
|
387 |
|
| - |
|
388 |
img { |
| - |
|
389 |
page-break-inside:avoid; |
| - |
|
390 |
} |
| - |
|
391 |
|
| 417 |
a img { /* obrázky uvnitř odkazů obvykle nemají okraj */ |
392 |
a img { /* obrázky uvnitř odkazů obvykle nemají okraj */ |
| 418 |
border: 0px; /* žádný okraj */ |
393 |
border: 0px; /* žádný okraj */ |
| 419 |
} |
394 |
} |
| 420 |
|
395 |
|
| 421 |
/* centrování vyznačených elementů */ |
396 |
/* centrování vyznačených elementů */ |