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

フォトショップで画像の周囲に枠線を書くやり方

自分のための備忘録。 1.新規レイヤーを作成し、全てを範囲選択(Ctrl+A) 2.選択範囲- 選択範囲を変更- 境界線 で、1px。 3.選択範囲- 選択範囲を変更- 滑らかに で、1px。 4.編 …

ThemlerでResponsive表示で画像の縦横比が狂う

Themlerを試用している。 操作レスポンスは遅いけれど、ビジュアルにWebが作れるので、感動している。 試しに当ブログのテーマをThemlerで作って適用してみた。 だいたいOKなのだが、ブラウザ …

no image

来週やるExcelVBAセミナーの準備をしていて、

同じ「飛び物」でもロケットが好きな人とラジコンが好きな人がいるよな、とふと思った。 ロケットの好きな人は、 準備をきちんと整えて、万全を期して発射スイッチを押す・・・飛んだ!あんなに高く。感動! 飛ん …

no image

LimeSurvey使ってみた

http://www.d-ip.jp/contents/business437.html から、1.7.2バージョンをダウンロードしてインスト。 (sourceforgeに最新limesurvey18 …

no image

自分のサイトに埋め込みしたGoogleマイマップの中心位置カスタマイズは不可

Googleマイマップが新しくなってしばらく経つ。 お客さんのサイトに埋め込んで便利に使わせていただいていたのだが、本日、困ったことを発見した。 地図の中心位置をカスタマイズできない、のだ。 以前のマ …