2021年3月12日金曜日

ブロガーBloggerでブログに挿入した表の表示が気に入らないので色々テストしてみました。

 表を挿入すると 、表自体が左詰めで表示される。実際は右端までいっぱいに100%の表示にしたいのですが、HTMLを挿入しても一旦作成ビューにして確認すると左詰めの状態です。


HTMLを修正してみようとHTMLビューにして確認すると自分の記載したコードが変更されている。どうもブログの仕様で自動的に変形されるようだ。


自分が思っているの表の表示は、端末のウィンドウに合わせて変化する表示にしたいと思っています。下記の表はホームページビルダーで作成しました。思い通りの表が出来ています。


表の表示


何とか自分の思う通りの表示にさせたいと思いHTML/CSSを編集してみたり色々やってみました。


下記の「セル1」と「セル2」は表になっているのですが、左寄りで表示されています。HTMLでは枠が表示されるように指定しているのですが、CSSで指定すると枠が消えています。


セル1セル2


下記の表の様にHTMLのみの時は枠が表示されます。枠は表示されますが左寄りですね。文字数が多くなれば丁度いいバランスで幅いっぱいに表示されます。

枠を表示
ここにセル1を入れるここにセル2を入れる


「う~ん、分かりません(笑)」


しっかり勉強して次回に解決策があれば紹介したいと思います。今回は中途半端に終わってしまい非常に残念ですが、ブログ提供サイト様によっては表示されたり、表示が崩れたりといろいろの様です。


これに挫けず挑戦していきたいと思います。

0 件のコメント:

コメントを投稿

おすすめドリンク

楽天
 
Amazon

私にとって記念すべきブログ投稿となります

記念すべきブログ投稿 ブログ記事を書いている時、なぜか「思えば、遠くへきたもんだ~♪」と昔懐かしい歌の歌詞を口ずさんでいました。現在では、「海援隊」と言うグループ名は知らなくとも「武田鉄矢」ならご存じですよね。 武田鉄矢さんが確か3人でユニットを組んで活動しておられた時の歌なので...