タグ

印刷と★に関するpicnicgraphicのブックマーク (4)

  • FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」

    FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」 IEやsafari、Google Chromeではword-breakプロパティが実装されていますが、FirefoxやOperaではword-breakプロパティは実装されていません。 そこで、FirefoxとOperaでword-break:break-allを実現するJavaScriptライブラリ「wordBreak.js」を作成しました。 使い方 ダウンロードした「wordBreak.js」をhead要素などで読み込んでください。 <script type="text/javascript" src="./wordBreak.js"></script> word-break:break-allを利用したいtable要素のclass名に「wordBreak」というclass名を追

    FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」
    picnicgraphic
    picnicgraphic 2008/09/15
    「FirefoxとOperaでword-break:break-allを実現」#おわわーいただきますありがとうございます☆
  • 印刷用CSSをもっとよくするための4つのTips。 - TRANS [hatena]

    約2ヶ月くらい前に、Printing the Web: Solutions and Techniques | Smashing Magazineというエントリーを読みました。10個以上の海外のサイトのいろんな印刷向けCSSJavaScriptのTipsが紹介されていて、「印刷用CSSをまとめてみた。」を書いた自分としては何とか分解してやりたいなと思っていました。で、日ようやく分解が一通り終わりましたので、その中で得たTipsを紹介します。 印刷用デザインも1つのWebデザインプロセスとして考えておく。 今回、このエントリーが最も自分にとっては衝撃的でした。印刷用CSSの機能面だけを追い求めて、「まあ、印刷されるときに、最低限読めればいいんでしょ?」くらいにしか思っていなかった自分が、ちょいと情けない。元ネタは、Five Simple Steps to Typesetting on th

    印刷用CSSをもっとよくするための4つのTips。 - TRANS [hatena]
    picnicgraphic
    picnicgraphic 2007/05/12
    width:100%よりauto(paddingやmarginが外れた場合のリスク回避)・印刷時のリンク表示(属性セレクタにafter擬似要素 または JSで印刷用ページのリンク先にナンバーを振りリンク先を文末に←#いいかも!)を参考。
  • Excel でシートを自動縮小して最適な横幅で印刷する

    Landscape トップページ | < 前の日 2007-01-17 2007-02-27 次の日 2007-03-07 > Landscape - エンジニアのメモ 2007-02-27 Excel でシートを自動縮小して最適な横幅で印刷する 当サイト内を Google 検索できます * Excel でシートを自動縮小して最適な横幅で印刷するこの記事の直リンクURL: Permlink | この記事が属するカテゴリ: [ソフトウェア] [Excel] MS Excel で、横に長いシートを自動的に縮小し、横幅だけを用紙いっぱいに印刷するための設定方法。 印刷時に縦は複数ページにわたっても構わないが、横が複数ページになると訳がわからなくなるので、そういった状況を避ける方法。 - シートを自動的に縮小して横幅は用紙いっぱいに、縦は複数枚に自動的にする設定「ファイル(F)」の「ページ設定(U

    picnicgraphic
    picnicgraphic 2007/03/02
    「横に長いシートを自動的に縮小し、横幅だけを用紙いっぱいに印刷するための設定方法」ファイル→ページ設定→「ページ設定」画面が表示→「ページ」タブ「拡大縮小印刷」の縦のページ数入力欄を空にしておく。
  • 印刷用 CSS で背景画像を印刷させる方法 - lucky bag

    media="print" な印刷用 CSS を用意している場合、そこに背景画像を設定していたとしても印刷されない。ヘッダに画像を使って CSS で文字を非表示にしているウェブサイトの場合、ユーザーがそのサイトのヘッダ画像を含めて印刷したいのに、タイトルが味気ないテキストだけで印刷されるのを不満に思うとしたら、どう解決すれば良いのかってことで下記リンク先のバッドノウハウ。 wg:Printing CSS background images (sort of) カラクリを大雑把に言うと、印刷用 CSS の指定で当該箇所を display:list-item; にして、list-style-image に印刷させたい画像を指定するって感じ。以前紹介した「letter-spacing を使って背景画像置換」を使って、テキストを非表示にするんだけど、これって IE だと 1 バイトの文字はうまくい

  • 1