【STINGER3】 Excel to HTMLでテーブルがきれいに表示されるようcssを編集してみた

公開日: : 最終更新日:2016/03/22 WEBツール, WordPress

先日下記の記事をリライトしました。
蛍光灯が点きにくくなったらグローランプを交換しよう

その際、一部を表組みに変更したのですが(下記)、
点灯管 適合表
Excel to HTMLというツールを使用しました。参考にさせて頂いたのは鈴木こあらさんの記事です。

Excel to HTML

ただ、本ブログのテンプレート、STINGER3ではデフォルトできれいに表示されなかったので、cssを一部修正しました。その方法をご紹介します。

STINGER3でテーブルがきれいに表示されるようにcssを編集する

PC用のcss「style.css」とスマホ用のcss「smart.css」の2つを修正します。

まずはPC用の「style.css」の1214行目あたりを以下のように書き換えます。
※作業前に必ずバックアップを取るようにしてください。

これでPC用はOK。
続いてスマホ用の「smart.css」の55行目を以下のように変更。

そして最下部に以下の記述を追記してください。

これでテーブルがきれいに表示されるようになりました。
スマホ画面ですがご覧ください。

■ビフォー
STINGER3 テーブル デフォルト

■アフター
STINGER3 テーブル カスタマイズ

余談ですが、エクセルからテーブル表記のhtmlに書き換えるツールはほかにもいろいろあるようです。
ブログへの表挿入に。エクセル表からHTMLテーブルを作ってくれるツールが便利すぎる

PC

最後までお読みいただきありがとうございます。

お手数でなければ記事のご紹介をしていただけると嬉しいです。

ブログの情報はこちらでも配信しています。



follow us in feedly








関連記事



個人的に撮影した写真を公開しています。

旅行先や街中で気になったものを撮影・公開しています。
ダウンロード無料、商用利用OKです。写真AC

関連記事

ブロガー必須ツール 画像を一括でリサイズしてくれる「Bulk Resize Photos」

もうすでにいくつかのブログで紹介されているツールですが、ほんとうに便利だったので使ってみた感想を書い

記事を読む

明日まで、セキュリティ診断完了でGoogle Driveの容量が無料で2GBアップ中

2月9日の「Safer Internet Day 2016(インターネット安心デー2016)」にちな

記事を読む

Google AdSense icon

AdSenseのアカウントを別のGoogleアカウントに移行してみた

本ブログではGoogle AdSense広告を掲載しております。 今回、一番最初にAdSenseの

記事を読む

blockquote icon

【WordPress】 STINGER3のblockquote(引用タグ)の背景を変えてみた

ブログで記事を書くときによそのページの本文やニュース記事の一部を引用することがあります。その場合はb

記事を読む

【Chrome拡張機能】 スクリーンショットにぼかしを入れられるキャプチャーアドイン「Awesome Screenshot」

私は普段ブログ記事を書くときに画面のキャプチャー(スクリーンショット)を取り、そこにぼかしや文字を入

記事を読む

wordpress アイコン

【WordPress・備忘録】 記事内の文字の色や大きさを変えるときに使うタグをまとめました

こんにちは、しんこー(@yakudatsujoho)です。 このブログがWordPressで構築さ

記事を読む

yourbrowser.is...

相手のPC環境をメールで送ってくれるツール

WEB関連の仕事をしていると、自分のPCでは問題なく動作するのに、クライアントのPCではうまく動作し

記事を読む

googlebot

【Fetch as Google】修正したwebページをGoogleに再クロール依頼する方法(16/05/27追記)

昨日下記の記事をリライトしました。 蛍光灯が点きにくくなったらグローランプを交換しよう

記事を読む

いいね アイコン

FacebookビジネスアカウントでFacebookページを開設しました。

事後報告になりますが、1/10にFacebookページを開設しました。 ◆役立つ情報.com

記事を読む

GoogleアカウントはそのままでGoogle+のみ退会する方法

Googleで自分の名前を検索するとGoogle+の登録内容と写真が出てきます。 SNS内であれば

記事を読む

PC

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

PC

社会人になった今だから断言できる、大学生におすすめのアルバイト12選

こんにちは、社会人○○目のしんこー(@yakudatsujoh

もしもし ポリスメン
【最大報酬10万円】 身バレもなく安心、警察への匿名タレコミができる「匿名通報ダイヤル」

犯罪もしくは犯罪の可能性がありそうなシーンに出くわしたが、逆恨みが怖く

公的保障 アイコン
【公的保障】 取りっぱぐれは大損! 届け出をするだけでもらえるお金

自治体によっては届け出だけでもらえるお見舞い金や支援金などが存

【情報流出リスク】 フラグを立てられたら終わり? プライバシーを守るためには「物理的破壊」をするしかない

LINE流出はまさに新時代的事件 一昨年1月に「まだやるか!

ドラえもん in 3COINS
【3COINSとドラえもんがコラボ】 3COINS HEP FIVE店に限定グッズを買いに行ってきました

ドラえもんはもとより、藤子不二雄作品をこよなく愛するしんこー(

→もっと見る

  • 名前:しんこー
    仕事:WEB関連の仕事を10年ほど。デザインからコーディング、SEOなど幅広く手掛けている為、社内では「何やってる人?」と思われている。俺にもわからん。

  • follow us in feedly





    Macintosh ブログランキングへ

    ブログランキング・にほんブログ村へ

PAGE TOP ↑