タグの中にスタイルシートを直接書かない 2のつづきです。
「ここにブログの名前を入れます」は更新を終了しました。記事はすべて新ブログ「Big Bang」に移転済みです。記事のタイトルをクリックすると新ブログの該当記事に移動します。そちらでお楽しみください。
カテゴリー別アーカイブ :
タグの中にスタイルシートを直接書かない 2
さて、今回は長らく放置していた「タグの中にスタイルシートを直接書かない 1」のつづきです。
タグの中にスタイルシートを直接書かない 1
ファンブログのみなさま、こんにちは。お元気ですか。
私がアフィリエイトをはじめて今日で10日目。皆さんのご協力があって、クリックで26円もの収益を上げることが出来ました。このペースならきっと秋には予定通り新車が買えそうです!アフィリエイトって本当に儲かりますね!
さて、前回まではスタイルシートの属性をすべて、適用するタグそれぞれに書いてきました。
しかし、tableのような構造をあらわす時に、それでは不効率です。
同じことを何度も書かなくてはいけない。結果としてファイル容量が増える。これまでも文字数制限で何回も記事を分割することになりました。
書き間違いの恐れもあります。全部同じように見せるにはひとつも間違えずに同じ事を書かないといけません。
私がアフィリエイトをはじめて今日で10日目。皆さんのご協力があって、クリックで26円もの収益を上げることが出来ました。このペースならきっと秋には予定通り新車が買えそうです!アフィリエイトって本当に儲かりますね!
さて、前回まではスタイルシートの属性をすべて、適用するタグそれぞれに書いてきました。
しかし、tableのような構造をあらわす時に、それでは不効率です。
同じことを何度も書かなくてはいけない。結果としてファイル容量が増える。これまでも文字数制限で何回も記事を分割することになりました。
書き間違いの恐れもあります。全部同じように見せるにはひとつも間違えずに同じ事を書かないといけません。
そして、なによりも大変なのは訂正する時です。
もし変更があれば該当箇所を全て、ひとつも残さずに修正しなければなりません。
もし変更があれば該当箇所を全て、ひとつも残さずに修正しなければなりません。
ブログの表の見栄えを良くしたい!の巻 その3
ブログの表の見栄えを良くしたい!の巻 その2
ブログの表の見栄えを良くしたい!の巻 その1
今回はテーブルレイアウト篇です。
恐らく送出されているHTMLソースを見れば、即気づいたはず。やっぱりソースは確認しないといけません。
その前に。実はテーブルの位置がずっと下に行ってしまって直らずに困っていました。よそのサイトに答えが書いてありました。
ブログにテーブル(表)を入れると上に余白が出来てしまう現象の解決方法 | 初心者歓迎!もしもドロップシッピング 初売上達成ガイド
ブログにテーブル(表)を入れると上に余白が出来てしまう現象の解決方法 | 初心者歓迎!もしもドロップシッピング 初売上達成ガイド
恐らく送出されているHTMLソースを見れば、即気づいたはず。やっぱりソースは確認しないといけません。
しかし、preタグの時はどうするんだ?前回 preタグ使ってインデントを表現したんですが、しっかりとbrが入れられている。JavaScriptで消すしかないんかね?誰かご存知でしたらコメント欄に書いていただけませんか。
自己レスです。
ヘッダに以下のように書くことで(preタグの中の) br タグを無効に出来ました。
<style type="text/css">
pre br{display:none;}
</style>
pre 内限定にしないと、ブログ中の全ての br が無効になりレイアウトが変わってしまうので注意。
ヘッダに以下のように書くことで(preタグの中の) br タグを無効に出来ました。
<style type="text/css">
pre br{display:none;}
</style>
pre 内限定にしないと、ブログ中の全ての br が無効になりレイアウトが変わってしまうので注意。
枠の中の背景に画像を使いたい!
今回のお題「枠の中の背景に画像を表示させたい!」
背景は風と樹と空とフリー素材さんのものを使わせていただきます。
枠の中の背景を変えたい
さて昨日は、色つきの枠で文章を囲んだわけですが、そうなると中の背景を変えたくなるのが人情、人のなさけというものです。
そこで今日のお題 「せっかく色つきの枠で囲ったんだから、もっと頑張って背景も変えたい!」
色つきの枠で文章を囲みたい
今日は色つきの枠で文章を囲みたい方のためのチップスです。
画像の隣に文章を配置したい
ブログの場合は大抵、画像の配置位置はクリックで選択できますが、場合によって細かい設定をしたい時があります。そんな時は手動で直します。
そこで、今回のお題「画像の隣に文章を配置したい」
そこで、今回のお題「画像の隣に文章を配置したい」