質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

2回答

5236閲覧

TCPDF HTML出力でのデザインで、余分な空白が現われ困っている

saya24

総合スコア221

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2019/02/18 12:08

編集2019/02/18 12:09

このPDF出力のためのライブラリ、StyleSheetが思うように効かない、というお話しはよく聞くのですが、こうも効かないのでしょうか?
以下の画像をご覧下さい。赤枠の部分がいらないのに表れており困っております。
イメージ説明

当方はStyleSheetの定義が苦手で、Webページを開発しだす際 手始めに以下定義をして要素ごとの仕切り線を表すことで作業効率を高めてきました。ところが、これさえも表れませんでした。

CSS

1* { 2 outline: 1px solid #ff0000; 3}

ヘッダ部分のHTMLを表しているのは以下コーディングです。
floatが効かず改行っぽく表示されている、など まだいいんですけれど...
この余分な空白は一体 どうすれば除去できるのでしょうか??

PHP

1function hMaker($pcnt) { 2 3 global $prdata; 4 5 $style = <<< EOF 6 <style> 7 * { 8 margin: 0 0 0 0; 9 padding: 0 0 0 0; 10 } 11 h1 { 12 font-size: 24px; 13 text-align: center; 14 } 15 span.b12 { 16 font-size: 12px; 17 font-weight: bold; 18 } 19 table { 20 border-collapse: collapse; 21 } 22 table th, table td { 23 border: solid 1px black; 24 } 25 </style> 26EOF; 27 28 $prdata = $style.'<div style="float:right; text-align: right;"><span>'.date('Y年m月d日').' </span><span>P.'.$pcnt.'</span></div><div style="float:left;" ><span class="b12" style="text-align: left;">○○○○株式会社</span><span> 行</span></div> 29 <div style="clear: both"></div> 30 <h1>住所録</h1> 31 <table><thead><tr><th style="width: 30%">取引先名</th><th style="width: 40%">住所</th><th style="width: 15%">TEL</th><th style="width: 15%">郵便番号</th></tr></thead>'; 32}

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

自己解決

yu-smcさんのおっしゃられるとおり、帳票イメージのHTMLはTABLE構造にしました。
解決というかあきらめ、というかTCPDFというライブラリの性質からそれがベストなのかな、と

投稿2019/02/21 06:16

saya24

総合スコア221

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

h1, span, div { margin: 0; padding: 0; }

このようにデフォルトの余白をリセットするCSSを加えてもだめでしょうか?

投稿2019/02/18 13:20

yu-smc

総合スコア610

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

saya24

2019/02/18 15:13

今 自宅のなので明日出社後やってみますね。
yu-smc

2019/02/19 03:03

なるほど、margin, padding使えないとなると、HTMLメール同様完全テーブルコーディングを前提に作られているのかもしれませんね(2002年にできたライブラリなのであり得る・・)。 h1タグなんかはデフォで余白があり、「住所録」の下の余白はそのせいな気もするので、別のタグを使ってみるとかですかね。。?
saya24

2019/02/19 03:45

ありがとうございます、もうちょっと考えますね。世間で結構使われているライブラリみたいなので、margin,paddingが使えないとしても 余分な空白が現われないデザインが達成できると信じています。何かのオプションがOnになっていて要素定義後、きまって改行が起きているのでは とか疑っています。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問