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

執筆者:

関連記事

Word2013で「内容に問題があるため開くことができません」エラー、なんとか生還

昼休み前に保存して閉じたWord文書を、昼休み開けに開くと、上記エラー発生。 午前中いっぱいかかって作った仕事がパー! ・・・ということにしたくなかったので、あれこれもがいてみたら、何とか開くことがで …

no image

FabricJSについて調べてみた。

ベースは、こちらのブログで公開されていたコード。深く感謝! Fabric.jsを使ってLGTM画像を作る | KRAY Inc ページ下にあるリポジトリよりファイルをダウンロードさせていただき、先日イ …

no image

Amazonツール注文情報取得シートでListOrderで想定しない値エラー

会社では商品をAmazonでセラーとして販売している。 宅急便の伝票を作るときに注文情報(ListOrders)をExcelでCSVで出力できないかなあと、何かのツールを探していて、以下にたどり着いた …

no image

GALAXY S III α SC-03E でUSBテザリング(EasyTether)

かつて色んなアプリ(FoxFiなど)でチャレンジしたのだが、Wifiテザリングが成功しない。 Google先生でも調べてみたが、docomo端末でMVNO(私のはBiglobeのSIM)を使っている場 …

no image

ホームページビルダーでドキュメントサイズ(kb)を調べる

シンプルな携帯サイトをつくるために、久しぶりにホームページビルダーを起動する。 テンプレートをいくつか内部に持っているので、こんな時はDreamWeaverよりも楽ちんなのであった。 一番容量の制限が …