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

バッファローのNASでトラブル

会社のファイルサーバが満腹になってきたので、新しいのを買った。 バッファローの、LS-WSX1.0TL/R1。 早速、こんなメールをバッファローのサポートに送ることになった。 — ほとんど …

no image

WordPress + DreamWeaverの環境設定で参考にしたリンク先

DreamweaverとWordPressを連携させてテーマを編集する方法 │ Design Spice DreamWeaverで「このサーバのサイト定義が正しくないため、動的関連ファイルは解決されま …

no image

HTML整形関係の秀丸マクロ

久々の投稿。 自分のHTMLファイルの作成スタイルは、 1.Artisteerでおおざっぱなデザインを決める。 2.同ソフトでHTMLソース(またはWPテンプレート)を出力する。 3.ソースを秀丸&F …

no image

全角カタカナ

Accessの業務アプリの作成中、おなじみの、微妙なトラブル発生。 IMEを何度「ひらがな」設定しても、「全角カタカナ」になる。 IMEの設定を「ひらがな」に戻した直後は戻るのだが、別の画面(テーブル …

no image

AccessのDoCmd.OpenForm acPreviewでデータが表示されない

なぜか、フォームに新規データを入力し、印刷プレビュー(DoCmd.OpenForm “見積請求書F”, acPreview)した際に、それまで入力したデータが消えたようになる。 …