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

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

ただいまの
回答率

87.34%

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

受付中

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 290

score 4

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

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がダメなのでしょうか?

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

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

0

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/10/16 09:32

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

    キャンセル

  • 2019/10/22 12:44

    ご回答ありがとうございます。
    返信遅くなり申し訳ありません。

    確かに複雑な色より、わかりやすい色で試してみます!

    キャンセル

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

  • ただいまの回答率 87.34%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る