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

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

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

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

Q&A

1回答

412閲覧

web上で表示されているtableタグをopen officeのcalcにそのまま表示したい

MK2000

総合スコア4

HTML

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

0グッド

0クリップ

投稿2019/10/08 04:52

編集2022/01/12 10:55

質問失礼します。
当方このようなページを作っています。

HTML

<div id="visited_wrap"> <table id="visited_result"> <tr> <th id="visited_No">No</th> <th id="visited_staff">スタッフ:ID</th> <th id="visited_day">訪問日</th> <th id="visited_place">訪問先:地域</th> <th id="visited_time">訪問時間</th> <th id="visited_service">対応内容</th> <th id="visited_remarks">備考</th> </tr> <tr> <td class="visited_No">1</td> <td class="visited_staff"><p>山田 隆司</p><p>:3</p></td> <td class="visited_day">2019年10月07日</td> <td class="visited_place"><p>田中 太郎 様</p><p>平野区</p></td> <td class="visited_time">12:00~12:45</td> <td class="visited_service"><span class="light_up">食事</span><span class="gray_out">入浴</span><span class="light_up">掃除</span><span class="gray_out">散歩</span><span class="gray_out">その他</span></td> <td class="visited_remarks"></td> </tr> <tr> <td class="visited_No">2</td> <td class="visited_staff"><p>五十嵐 美穂子</p><p>:5</p></td> <td class="visited_day">2019年10月07日</td> <td class="visited_place"><p>南川 次郎 様</p><p>東住吉区</p></td> <td class="visited_time">12:00~12:45</td> <td class="visited_service"><span class="gray_out">食事</span><span class="light_up">入浴</span><span class="light_up">掃除</span><span class="gray_out">散歩</span><span class="gray_out">その他</span></td> <td class="visited_remarks">15日より3週間不在</td> </tr> <tr> <td class="visited_No">3</td> <td class="visited_staff"><p>鈴木 竜馬</p><p>:8</p></td> <td class="visited_day">2019年10月07日</td> <td class="visited_place"><p>田中 太郎 様</p><p>平野区</p></td> <td class="visited_time">12:00~12:45</td> <td class="visited_service"><span class="gray_out">食事</span><span class="gray_out">入浴</span><span class="light_up">掃除</span><span class="gray_out">散歩</span><span class="gray_out">その他</span></td> <td class="visited_remarks"></td> </tr> <tr> <td class="visited_No">4</td> <td class="visited_staff"><p>高木 奈々</p><p>:22</p></td> <td class="visited_day">2019年10月07日</td> <td class="visited_place"><p>下北沢 清十郎 様</p><p>住吉区</p></td> <td class="visited_time">12:00~12:45</td> <td class="visited_service"><span class="gray_out">食事</span><span class="light_up">入浴</span><span class="gray_out">掃除</span><span class="light_up">散歩</span><span class="gray_out">その他</span></td> <td class="visited_remarks"></td> </tr> <tr> <td class="visited_No">5</td> <td class="visited_staff"><p>山田 隆司</p><p>:3</p></td> <td class="visited_day">2019年10月07日</td> <td class="visited_place"><p>田中 太郎 様</p><p>平野区</p></td> <td class="visited_time">12:00~12:45</td> <td class="visited_service"><span class="light_up">食事</span><span class="gray_out">入浴</span><span class="light_up">掃除</span><span class="gray_out">散歩</span><span class="gray_out">その他</span></td> <td class="visited_remarks"></td> </tr> </table> </div>

CSS

html,body,p,dl,dt,dd{ padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } #visited_wrap { width: 1020px; margin: 0 auto; } #visited_result tr th { color: #fff; background: #F48CD1; } #visited_result tr th:nth-child(even) { background: #F4A7D1; } #visited_No, #visited_staff, #visited_day, #visited_place, #visited_time, #visited_service, #visited_remarks { box-sizing: border-box; text-align: center; } #visited_No{ width: 50px; } #visited_staff { width: 124px; } #visited_day { width: 140px; text-align: center; } #visited_place { width: 145px; } #visited_time { width: 120px; } #visited_service { width: 220px; } #visited_remarks { width: 221px; } #visited_result tr:nth-child(odd) { background: #EBEBEB; } .visited_No, .visited_staff, .visited_day, .visited_place, .visited_time, .visited_service, .visited_remarks { box-sizing: border-box; padding: 5px; } .visited_day, .visited_service { text-align: center; } .light_up, .gray_out { padding: 0 3px; } .gray_out { color: #C8C8C8; }

調べるとまずは対象のページをhtmlで保存し拡張子をodsに変える。
それをcalcで開くだけというのがあったのですが実際はセルの幅はwidthに関係なくもとのセルの幅、背景色は白、cssで装飾しているgray_outの文字の色が変わっていない等、CSSが一切反映されていていません。
初めはCSSを外部ファイルで読み込む方式でっやってるからダメなのかな?と思いHTMLに<style></style>で直接書き込んでもダメ、ならばタグに直接style=""形式にしてもダメでした。
完成としては下のようになりたいです。
Webページ(html)の表を、エクセル表に変換する(Excel2010)

そもそもcalcがダメなのでしょうか?

ご存じの方がいらっしゃいましたら教えていただけますと幸いです

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

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

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

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

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

guest

回答1

0

問題切り分けをしましょう。
bodyに背景色を指定した場合(できれば#000や#f00など分かりやすいもの)はどうですか?
文字色、文字サイズ(物凄く大きくしてみましょう)を指定したりして結果を確認してみてください。

投稿2019/10/16 00:31

m.ts10806

総合スコア80765

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

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

m.ts10806

2019/10/16 00:32

もしかしたら「open officeには使えない」かもしれませんけど
MK2000

2019/10/22 03:44

ご回答ありがとうございます。 返信遅くなり申し訳ありません。 確かに複雑な色より、わかりやすい色で試してみます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問