ブログの表の見栄えを良くしたい!の巻 その2

ブログの中に作ったテーブル(表)の見栄えをスタイルシートで調整します。
テーブルの罫線に好きな色をつける。テーブルの背景に好きな色をつける。
将来的には、外部スタイルシートと結びつける予定です。

ブログの表の見栄えを良くしたい!の巻 その1のつづき
“ブログの表の見栄えを良くしたい!の巻 その2” の続きを読む

ブログの表の見栄えを良くしたい!の巻 その1

ブログの中に作ったテーブル(表)の見栄えをスタイルシートで調整します。
将来的には、外部スタイルシートと結びつける予定です。

今回はテーブルレイアウト篇です。

その前に。実はテーブルの位置がずっと下に行ってしまって直らずに困っていました。よそのサイトに答えが書いてありました。

ブログにテーブル(表)を入れると上に余白が出来てしまう現象の解決方法 | 初心者歓迎!もしもドロップシッピング 初売上達成ガイド

恐らく送出されているHTMLソースを見れば、即気づいたはず。やっぱりソースは確認しないといけません。

自己レスです。
ヘッダに以下のように書くことで(preタグの中の) br タグを無効に出来ました

<style type=”text/css”>
pre br{display:none;}
</style>

pre 内限定にしないと、ブログ中の全ての br が無効になりレイアウトが変わってしまうので注意。

“ブログの表の見栄えを良くしたい!の巻 その1” の続きを読む

ブログの中に表を作るぞ!の巻

HTMLのタグを使ってブログの中にテーブル(表)を作ります。
最終的には、外部スタイルシートと結びつけます。

今回はブログの中に表を作ります。こんなかんじです。

商品購入金額の10%
予約1件につき3193円
入会1件につき19163
登録・稼動確認後に3500円
申込み1件につき1900円
初回来店で30000円

うわ、なんなんすかこれ。ボロもうけじゃないですか!
まだアフィリエイトをやっていない君!すぐにはじめないか?
なに、ブログを持っていない?安心しろA8.netならタダですぐにブログもはじめられるぞ!

“ブログの中に表を作るぞ!の巻” の続きを読む

枠の中の背景に画像を使いたい!

枠の中に背景画像を設定するスタイルシートチップス。

今回のお題「枠の中の背景に画像を表示させたい!」

背景は風と樹と空とフリー素材さんのものを使わせていただきます。

“枠の中の背景に画像を使いたい!” の続きを読む

枠の中の背景を変えたい

特定の枠の中だけ、背景を変えるためのスタイルシートチップス。

さて昨日は、色つきの枠で文章を囲んだわけですが、そうなると中の背景を変えたくなるのが人情、人のなさけというものです。

そこで今日のお題 「せっかく色つきの枠で囲ったんだから、もっと頑張って背景も変えたい!」

“枠の中の背景を変えたい” の続きを読む