タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

cssとprintに関するwebmugiのブックマーク (3)

  • 「印刷用ページ」の作り方

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

    「印刷用ページ」の作り方
  • Firefoxの印刷と闘う その2 | Takazudo Clipping*

    このブログのアクセス解析を見ると、キーワード「firefox 印刷」で検索してこのエントリに飛んでくる人がかなりいます。やっぱりみんな困っているんだなぁと。Firefoxの印刷はかなりやっかいで、完全FIXは無理かもしれないという結論に自分の中でも解決していたのですが、最近この方法をやっていて、普通に印刷できてます。 display:tableで印刷対応 まずは、普通にfloat:left left leftで左に詰めたレイアウト。 floatによる3カラムレイアウトのサンプル(印刷対応無) <div id="all"> <div id="header">header</div> <div id="body"> <div id="localNav">localNav</div> <div id="main">main</div> <div id="relatedNav">relatedNa

  • 印刷のことを常に考え、要所要所でボーダーを使うべし | Takazudo Clipping*

    印刷って大事なんじゃないですかっていうエントリです。 背景で画像敷いたり、背景色で塗りつぶしたり、複雑なデザインの箱を組む時でも、できるだけボーダーを設定した方が、印刷時に奇麗に見えることがあります。たとえばこんなデザイン。 基例 背景画像を印刷する設定して、インク代を浪費する人はまれなので、ほとんどの人は、CSSにて指定された背景画像や背景色を出しません。その結果、なんか見出しなんだか何なんだかよく分からんよねという感じに。 まぁ、ある程度はしょうがないんですが、グラデーションの端にborderをつけておくことで、ちょっとだけ分かりやすくすることができる。borderつけてHTML組んだサンプルと、その印刷イメージです。 HTML組んだサンプル(HTML) どうでしょうこれ。なんかすごい微妙な例で申し訳ないんですが、2番目のやつとか、むしろイラネーと自分で思ってしまったんですが、こんな

    webmugi
    webmugi 2008/06/28
     - ほんとは、印刷時にどうするかって、仕様として、デザインの段階で提示しているべきことなんですよね。- そうだよなあ。
  • 1