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

執筆者:

関連記事

TeraStationからQnapへのデータ移行

使用開始から5年を過ぎた会社のNAS。TeraStation TS-WXL973。 使用済み容量が90%を超え、本年度中にはパンクすることが目に見えてきたので、NASを新調することにした。 ネットで評 …

no image

シリコングリス

会社で使っているノートPCの調子がおかしい。 液晶の上半分がブリンクしたように黒くちらつく。 それも、いつもなるのではなくて、使っていて突然そうなり、止まらなくなる。 Windowsを再起動してもダメ …

私はFree Call-to-Action Button Generator (CSS and PNG)が気に入った

CSSでさくっとボタンを作れるWebサービスを探したのだが、なかなか見つからない。 カラーピッカーで選びやすく、グラデーションが使えて、できればアイコン画像を埋め込めて、サイズが自由に変更できて、角丸 …

no image

ITC

昨晩は飲み会だった。 さるNPOの総会後の懇親会。 酔っ払っていたので帰ってからすぐに布団に入って寝入ってしまったのだが、さっき、腕を蚊に喰われてかゆみで目が醒めてしまい、こうして日記を書いている。 …

no image

AccessのデータをGoogleスプレッドシートに表示する

会社のネットショップで、お客様から電話で荷物の出荷状況について問い合わせがあった場合に、現状ではすぐに対応できていなかった。 荷物の伝票番号は、クロネコヤマトのB2のソフトか、あるいはAccessの業 …