Top > 早わかり操作法 > haik印刷

haikの印刷でリンクURLが邪魔でしょうがない対策

 QHMもhaikになって、携帯対応になり、携帯からのアクセスに対して優しいページを作れるようになったのは、とてもすばらしいことでした。
 でも、これ、画面で見るときにはいいのですが、印刷してみると、リンクのあるところ全部に、そのURLが印刷されて元のページのレイアウトが崩れてしまうので、どうにかならないものかと思っていました。
 対策のホームページを探しても、見つけることができなかったのですが、やっと対策法が分かったので紹介します。

 HAIKの初期の頃に、こういうことが発生していました。現在のHAIKでは、この問題は解消されています。

原因はやはりcssだった

 「skin/hokukenstyle」の下にあるcssではなくて、問題のCSSは「skin/bootstrap/css」下にあるbootstrap.min.cssでした。
 これの

/* urlを印刷しない
  a[href]:after {
    content: " (" attr(href) ")"
  }
  abbr[title]:after {
    content: " (" attr(title) ")"
  }
*/

該当部分を、黄色マーカーのようにコメントアウトするだけです。
 元々のcssは、文字の余白が全部詰めてあって文字など読めたものではないので、cssの成形ツールをネットで探して、そこで成形してから、この部分を書き換えればOKです。