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í: |
15 |
Dodělat: |
24 |
nejdřív hlavní css |
- |
|
25 |
pak za něj tiskový css |
- |
|
26 |
|
- |
|
27 |
V tiskovém css by mělo být |
16 |
Alternativní fonty (font-family) |
28 |
width: 100% šířka přez celou stranu |
17 |
Definice stylu pro tisk (pro stránkovaná média) |
29 |
velikost písma v pt |
18 |
velikost písma v pt |
30 |
řádkování 1 |
19 |
řádkování 1 |
31 |
patkové písmo (lépe se čte) |
20 |
patkové písmo (lépe se čte) |
32 |
font: 12pt/1 "Times CE", Times, "Times New Roman", serif; |
21 |
font: 12pt/1 "Times CE", Times, "Times New Roman", serif; |
33 |
pro obrazovku je lepší font bezpatkový, skus Verdana |
22 |
pro obrazovku je lepší font bezpatkový, skus Verdana |
34 |
zhasnout nepotřebné dispaly: none |
- |
|
35 |
|
- |
|
36 |
|
- |
|
37 |
Dodělat: |
- |
|
38 |
Alternativní fonty (font-family) |
- |
|
39 |
Definice stylu pro tisk (pro stránkovaná média) |
- |
|
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 412... |
Line 383... |
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ů */ |