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

執筆者:

関連記事

no image

「〇〇屋商店」のラベルを付けたGmailメッセージからGASで件名と本文の一部を正規表現で取り出してスプレッドシートに格納

仕事でGoogle App Script(GAS)を使うケースが出てきそうなので、休日なれど、自主勉してみた。 やりたいことは、オンラインショップの注文メールの中から、必要な事項を取り出して、スプレッ …

PhotoshopElementsでWebデザイナーが作ったようなキレイなボタンを作るには

PSPについては、 思わず押してみたくなる、いとも簡単なボタンの作り方 | 楽してプロっぽいデザイン | Forty-N-FiveBlog など、Web上にいろいろ解説があるけども、Elementsに …

no image

会員大会に出席

所属しているとあるNPO法人の会員大会に出席してきた、この土日。 場所は津沢のコミュニティセンター。 なかなか土地感の無いところだが、そういう既視感がないところが、逆に現実を忘れさせてくれて、よかった …

no image

FireFoxでページ内の文字列

FireFoxでページ内の文字列を検索することがよくある。 Ctrl+Fで検索窓を出して、バーについている×ボタンで閉じる、という操作を長年繰り返してきたのだが、二本の指を使うのも、キーボードからマウ …

LimeSurveyをV1.92から2.0にバージョンアップした

LimeSurveyをV1.92から2.0にバージョンアップした。 なんで、V2.0にしたかというと、新機能のタイマー設定が使いたかったから。 Qの画面に入ったとたん、指定した秒数でカウントダウンが始 …