IT仕事 秀丸 Artisteer

Artisteer4で作成したHTMLページを印刷するとCSSが画面でみたものと違う

投稿日:2015年2月17日 更新日:

「印刷するとずれる。画面と同じように印刷したい」と、お客さんが言う。

Artisteerでは style.css” media=”screen” となっているので、印刷時はスタイルシートが省略されるのだ。
それもその通りだと思ってArtisteer4のメニューのどこをどうすればそうなるのかを調べてみたのか、サッパリわからなかった。

Google先生に聞いてみると、オプションのAdditional Htmlにのように追記すればOKよというので、その通りやってみて、いったんはうまく行ったと思っていた。
しかし、実はメニューの2階層目以下では、読みに行くCSSの参照先が追従してくれなくて、うまくいかなくなる。

はてさて、これは本当にArtisteerだめだなと思って、諦めて、秀丸でGrepして置き換えの技でやることにしたのだが、制作の途中で何度もこれをやるのはしんどい。
改めてGoogle先生に、何か技はないのか聞いてみた。

すると、Artisteerをインストールしたフォルダ(自分の環境の場合、C:\Program Files\Artisteer 4)の、Library\Data\Templates\DefaultView\Files\page.htmlに、とあるので、そこを変えればOKよと。
試しにそこをmedia=”all”とすると、うまくいった。

いろいろ、使えそうだなあ。

追記2016/3/22(火)

逆に、「Additional Htmlにのように追記」すると、なぜかYouTubeコントロールなどに設定したカスタム画像が別の画像に置き換わってしまったり、ずれたりすることがあった。外部CSSファイルを使うのがだめだったのかもしれない。ともかくトラブルを避けるためにも、上記のやり方で行くべし。

-IT仕事, 秀丸, Artisteer

執筆者:

関連記事

FreeNASに挑戦

バージョン FreeNAS-9.2.1.3-RELEASE-x86。 FreeNAS-9.2.0-RELEASE-x64.iso。 2014/4/3(木)追記: Ver.9.2.1はCPU Usage …

JQueryでカレンダー入力機能

以下を参考に、ZeroMailというメールフォームスクリプトにカレンダー入力機能を追加。 Datepicker | jQuery UI 1.10 日本語リファレンス | js STUDIO 他のサイト …

no image

研修会

所属しているNPOの会員大会(研修会)に出席。 講師の先生、とても熱心。 世の中には立派な人がいるもんだなと、感心。 自分も何か成し遂げたいなと思った。

no image

お客さんのWebショップ

管理しているお客さんのショップWebサイト。 ハッキリいって、儲かっていない。 5月末に立ち上げて未だ購買数ゼロ。 まあ、商品点数が十点少々しかないのが一番の原因なのだが。 昨日はそれで色々調査。 そ …

no image

ArtisteerはWYSWYGエディタを使って文字編集すると勝手にスペースを追加する

Artisteerで、WYSWYGエディタを使って(HTMLエディタを使わないで)修正すると、勝手に左にスペースが作られていく(HTMLエディタで見ないとわからないが)。 本日、色々試してみて、HTM …