Starší komentáře ke článku: CSS2 - at rules aneb pravidla zavináče

Zpět na článek | Úvodní stránka Interval.cz

Avatar

Autor komentáře: Michal Kubeček

Datum vložení: 19.12.2002 1:29:41

Mozilla 1.1 ani 1.2 určitě @page nepodporuje, alespoň tedy ne kompletně (bug 115199). Ještě jsem nezkoušel 1.3a, ale příslušná chyba je označena jako "blocking 1.3b", takže v 1.3b by už to fungovat mělo. U MSIE bych si také nebyl jistý, nezkoušel jsem to příliš důkladně, ale pokud si vzpomínám, také to nebylo v pořádku.

Avatar

Autor komentáře: Jan Dudek

Datum vložení: 19.12.2002 22:34:38

Nevim jak k tomu doslo... v puvodne odeslanem clanku nic o podpore @page nebylo, nebot se timto pravidlem podrobne zabyvam v dalsim dile serialu. Pokusim se sjednat napravu... Jinak mate samozrejme pravdu, @page zvlada jenom Opera 6.05.

autor

Avatar

Autor komentáře: Vilém Málek

Datum vložení: 20.12.2002 8:38:12

Vážení přátelé,
omlouvám se všem za původně chybný řádek v tabulce s podporou diskutovaných pravidel. Chybu jsem "vyrobil" při korektuře, když jsem toto pravidlo přidával do tabulky, kde původně uváděno nebylo. Krátce předtím jsem pracoval na jiné věci, kde křížky značí nepřítomnost funkce (zatímco přítomnost byla značena "v"), takže mé zmatení bylo v tom okamžiku dokonalé ;-)

<I>redaktor</I>

Avatar

Autor komentáře: Michal Kubeček

Datum vložení: 19.12.2002 12:43:37

<I>Důležité je uvědomit si, že tento zápis snižuje množství přenášených dat, neboť stažen bude pouze stylesheet, který právě potřebujeme.</I>
<P>
To není (obecně) pravda. Přinejmenším Mozilla a MSIE stahují stylesheet pro tisk hned při načtení stránky, ne až v okamžiku, kdy chcete tisknout.

Avatar

Autor komentáře: Meggy

Datum vložení: 19.12.2002 16:19:06

Zda se ze uvedene mi v praxi nechce zafungovat (prohlizec IE6).
Na zacatku stranky provadim @import /css/print.css, potom dale deklaruji druhy pres link rel ... href=css/style.css.
Takovou stranku potom chci vytisknout a k memu uzasu styly print.css nejsou pouzity. Proc?
Kdyz oba soubory *.css jsou vlozene pres link rel ..., vse funguje spravne.

Avatar

Autor komentáře: Michal Kubeček

Datum vložení: 19.12.2002 17:06:20

Pokud jste to zapsal přesně takhle, pak vám chybějí uvozovky. Možné varianty jsou:

@import "/css/print.css" print;
@import url("/css/print.css") print;

Jinak IE od verze 5.5 zvládá jak @import, tak media selection.

Avatar

Autor komentáře: Meggy

Datum vložení: 20.12.2002 8:44:27

Dekuji za snahu o pomoc. Bohuzel mi to porad nefunguje. Uvozovky jsem zamerne neuvedl, protoze jsem si myslel ze mi je funkce HTMLstrip nepusti ...
Takze mam toto a nechodi to:
[title]...[/title]
[style type="text/css"]@import "/css/print.css" print;[/style]
[link rel="StyleSheet" type="text/css" href="css/style.css" /]
...
Prosim o pomoc.

Avatar

Autor komentáře: Michal Kubeček

Datum vložení: 20.12.2002 19:48:29

Pokud to vypadá přesně takhle, pak se vám, pamatuji-li si dobře pravidla, při tiskovém výstupu načtou styly oba. A protože style.css je uveden jako druhý, bude mít v případě konfliktů přednost. Zkuste druhý a třetí řádek prohodit.

Avatar

Autor komentáře: Meggy

Datum vložení: 23.12.2002 8:52:35

Tak tohle ovsem take nefunguje !!!
Jsem s toho otraveny, vubec to nechapu proc to nejde ...

Avatar

Autor komentáře: Michal Kubeček

Datum vložení: 23.12.2002 23:02:18

Zkuste, jestli vám bude fungovat příklad na <a href='http://www.mk-sys.cz/test/print.html' target='_blank'>http://www.mk-sys.cz/test/print.html</a> - slova "zvýrazněný text" by měla na obrazovce být červeně a při tisku (i náhledu) modře.

Avatar

Autor komentáře: Michal Kubeček

Datum vložení: 23.12.2002 23:05:14

Ještě jednou jsem se podíval na vaše příklady a všiml jsem si, že jednou tam máte "/css/print.css" a podruhé "css/style.css". Nejdřív jsem myslel, že je to překlep při opisování, ale máte to tam dvakrát. Nemohl by problém být v tomto překlepu (pokud dokument není v kořenovém adresáři)?

Avatar

Autor komentáře: Meggy

Datum vložení: 24.12.2002 9:46:57

Dival jsem se na Vas priklad, ale ani tam mi to nefunguje.
Zvyrazneny text je na obrazovce i pri tisku porad cerveny.
Vam to funguje?

Jinak jste mel pravdu s tou cestou /css/print.css. Mel jsem tam chybu (dekuji). Nicmene jsem to opravil a porad nic.

Avatar

Autor komentáře: Michal Kubeček

Datum vložení: 24.12.2002 23:12:09

Aha, nefunguje. Když jsem to zkoušel, přebootoval jsem sice do Windows, ale ze zvyku automaticky pustil Mozillu... Podle logu serveru to vypadá, že Jedině Správný Prohlížeč (TM) přidá ke jménu stylesheetu uvozovky, mezeru i to slovo print a pokusí se stáhnout stylesheet tohoto jména. Podobně to dopadne i při použití url(). Takže asi nezbývá než to řešit přes link.

Avatar

Autor komentáře: Meggy

Datum vložení: 25.12.2002 12:03:04

Dekuji za pomoc pri badani nad problemem.
Je pravda, ze bez teto pomoci bych si do ted myslel, ze chyba je
zpusobena moji neznalosti.
Dekuji.

Avatar

Autor komentáře: Filip

Datum vložení: 13.5.2003 13:57:48

Mam uplne stejnou zkusenost. U obou zapisu:
@import url("html/print.css") print;
i
@import "html/print.css" print;

vidim v apache logu: GET /cesta_ke_strance/url(\"/html/print.css\")%20print HTTP/1.1

Zvlastni je, ze nektere verze MSIE6 to volaji spatne a nektere dobre (jakoby zalezelo na podverzi).

Avatar

Autor komentáře: Marek Prokop

Datum vložení: 20.12.2002 1:41:32

Nemohu se zbavit pocitu, že si autor trochu zjednodušil práci, když do přehledu podpory zařadil jen prohlížeče, které na webu nemají celkem ani poloviční podíl. Takový IE 5 a 5.5 a IE pro Mac by se určitě také hodil.

Avatar

Autor komentáře: Jan Dudek

Datum vložení: 21.12.2002 21:45:00

Jak jsem uvedl v prvnim dile serialu, zcela zamerne jsem se zameril na nejnovejsi verze prohlizecu (ktere byly k dispozici v dobe psani clanku), abych ukazal jejich podporu (nebo spise nepodporu) 5 let stareho standardu...

Avatar

Autor komentáře: Marek Prokop

Datum vložení: 20.12.2002 1:47:46

Sice je pravda, že se @import často používá k odříznutí starších prohlížečů od stylů, ale už není pravda, že *zejména* NN4. Když už, tak by se to "zejména" mělo týkat IE4/Win. Samotný NN4 jde od stylů odříznout mnohem efektivnějšími metodami, médiem "all" ve značce LINK. Samostatný stylový předpis pro NN4 (resp. LINK na něj) pak je asi nejvhodnější vkládat JavaScriptem, protože NN4 interpretuje CSS stejně jen při zapnutém JS.

Avatar

Autor komentáře: Roman Pichlík

Datum vložení: 20.12.2002 8:25:37

<I>Přiřadit styl určitému médiu můžeme i na úrovni XHTML v elementech style a link. Slouží k tomu nový atribut media, jehož hodnotu tvoří seznam tříd médií oddělených čárkami Přiřazovat styly médiím už na úrovni XHTML ale nedoporučuji. Pokud prohlížeč nerozumí nějakému atributu, tak jej ignoruje. Což v tomto případě znamená, že starší prohlížeče sice nebudou rozumět atributu media, ale přesto daný styl použijí! Proto je lepší přiřazovat styly médiím pouze pomocí @pravidel.</I> Nevim kde berete presvedceni, ze to starsi prohlizece nepodporuji. IE 4.0 si s atributem media urcite poradi. Pokud uz pouzijete zapis pro vic zarizeni oddelenych carkami to uz je jina stim muze mit IE 4 problem. Naopak pravidlo @import nezvladne vubec.

Avatar

Autor komentáře: Roman Pichlík

Datum vložení: 20.12.2002 8:28:27

BTW:jde to samozrejme i vHTML, nevim proc se vtomto pripade zaklinate v XHTML

Avatar

Autor komentáře: Marek Prokop

Datum vložení: 21.12.2002 2:28:49

Jednu syntaxi pravidla @import IE 4 zvládne vždy, druhou nikdy a třetí jen od verze 4.72. Jen po mně teď nechtějte, abych hledal , která je která.

Avatar

Autor komentáře: Petr

Datum vložení: 21.2.2003 18:07:55

Pokud priradim v ramci deklace $media vlastni class, tak se pri tisku nepouzije. Priklad

</STYLE>
.pismeno {
color:#004186;
}
@media print {
img {visibility: hidden;}
.tab_a {visibility: hidden;}
body {color: black; background-image: none;}
}\n";
</STYLE>
....
<img> - zafunguje, obrazku se netisknou, ale
<table class="tab_a"></table> - nefunguje, tiskarna normalne tiskne
a text v body taky neni cerny, ale ma barvu prirazenou classem pismeno?

Dekuji za odpoved.

Avatar

Autor komentáře: Jan Fiebinger

Datum vložení: 7.7.2003 17:19:55

Tento článek mě zaujal, ale protože jsem spíš amatérský tvůrce stránek, tak v obouch částí článků postrádám tu část programu, která by mi ukázala jak pomocí tlačítka či odkazu "Vytiskni" na www stránce vyvolat či zprostředkovat vyvolání dialogu pro tisk. Hledal jsem i na uvedené strance W3C, ale nic tam o tom není. Doufám, že to není nic tajného a že mi to bude alespoň stručně popsáno. Děkuji a těším se na další poučná témata.

Avatar

Autor komentáře: Pavel

Datum vložení: 13.4.2005 16:15:09

Chtěl bych jen doplnit, že Opera použije projection místo screen, pokud ji přepnete do full-screen modu. Není to až tak známá věc a je dobré na to pamatovat. Takže místo: <link href="styl.css" media="screen" rel="stylesheet" type="text/css" /> používejte: <link href="styl.css" media="screen, projection" rel="stylesheet" type="text/css" />

Zpět na článek | Úvodní stránka Interval.cz