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です。