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

VBA-JSONはダメだったがPowerQueryはよかった

オンラインショップの在庫管理目的で、業務システムを動かしているAccessかExcelで、何とかしてWebの商品マスターAPIのデータを取ってきたい。 最初、VBA-JSONというのを使えばいいのかな …

no image

Photoshopで画像半分をぼかす(グラデーションで半透明に)する

よく忘れる(というか覚えられない)ので、備忘録。 1.画像を開く。またはレイヤーを選択。 2.レイヤー下の「ベクトルマスクを追加」ボタンをクリック 3.半身をグラデーションにしたい範囲をドラッグで選択 …

no image

WebArenaSuite2でXOOPS

WebArenaSuite2でXOOPSが簡単に使えるというので、お客さんのサイトを作った。 インストールはとても簡単だったのだが、しかしディレクトリに制約があって、http://210.000.00 …

no image

DreamWeaverでXamppでMySqlでトラブルで

DreamWeaverCS6とXampp+MySqlを接続しようとしたのだがうまくいかず4時間ほど格闘。 一番はまったのが、右上のスクリーンショット「サイト設定」の、「使用する接続」が「ローカル/ネッ …

ここ数日Google Apps Script を触っていてわかったこと

・セル操作については、思ったよりも色々できる。 ・実行速度は遅い。 ・Googleアカウントを持っている人に配布する/共有するには、とても便利。 ・スクリプトを使った画像の配置もできる(ただし画像それ …