タグの中にスタイルシートを直接書かない 1

スタイルシートの属性をタグから切り離し、外に書く。今回はスキンのヘッダに書いて、すべての記事に適用する方法を記します。

ファンブログのみなさま、こんにちは。お元気ですか。

私がアフィリエイトをはじめて今日で10日目。皆さんのご協力があって、クリックで26円もの収益を上げることが出来ました。このペースならきっと秋には予定通り新車が買えそうです!アフィリエイトって本当に儲かりますね!

さて、前回まではスタイルシートの属性をすべて、適用するタグそれぞれに書いてきました。
しかし、tableのような構造をあらわす時に、それでは不効率です。

同じことを何度も書かなくてはいけない。結果としてファイル容量が増える。これまでも文字数制限で何回も記事を分割することになりました。

書き間違いの恐れもあります。全部同じように見せるにはひとつも間違えずに同じ事を書かないといけません。

そして、なによりも大変なのは訂正する時です。
もし変更があれば該当箇所を全て、ひとつも残さずに修正しなければなりません

“タグの中にスタイルシートを直接書かない 1” の続きを読む

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

ブログの中に作ったテーブル(表)の見栄えをスタイルシートで調整します。
テーブルのサイズ調整。テーブル内の文字レイアウト。テーブルの位置あわせ。
将来的には、外部スタイルシートと結びつける予定です。

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

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

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

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

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

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

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

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

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

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

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

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

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

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