robots.txtファイルの追加

クローラーに指示を出すrobots.txtファイルを追加しました。

Sitemap: ここにあなたのサイトのURLを入力して下さい/sitemap.xml
User-Agent: *
Allow: /

必ず【ここにあなたのサイトのURLを入力して下さい】の部分を変更して下さい。
サイトマップを使わない方はsitemapの行を消して下さい。

(例)　sitemap: http://www.seo-tp.com/sitemap.xml

flot：フロートの回り込みを改善

画像にフロートを設定して続く要素を回り込ませた場合、
文章が少ないと画像がBOXからはみ出てしまいます。

以下が以前の表示です。

<h2>サンプル</h2>
<div class="m-section">
<p class="f-r"><img src="images/sample-2.gif" alt="サンプル2" width="150" height="150" /></p>
<p>サンプル</p>
</div>

なのではみ出さないようにXHTMLとCSSの追加調整を行いました。
XHTMLは<div class="line"><hr /></div>を追加しました。

<h2>サンプル</h2>
<div class="m-section">
<p class="f-r"><img src="images/sample-2.gif" alt="サンプル2" width="150" height="150" /></p>
<p>サンプル</p>
<div class="line"><hr /></div>
</div>

CSSは以下を追加しました。

#main-contents .line {
 height: 0;
 clear: both;
 visibility: hidden;
}

#main-contents .line hr {
 height: 0;
 border: 0;
 clear: both;
 visibility: hidden;
}

上記の追加で以下のようにはみ出すことはなくなります。

旧バージョンをお使いの方は、上記のソースをstyle.cssファイルに追加して頂ければと思います。

著作権のフォントサイズを小さく

フッターのPowered by Free Template Ver.1_4のフォントサイズを小さくしました。
追加したCSSは以下になります。60%以下にはしないで下さい。

#footer p.ft {
 font-size: 60%;
}

テンプレートの編集に少しでも役立ててもらえれば幸いです。

本日はpadding(パディング)とmargin(マージン)について作成しました。

• padding(パディング)
• margin(マージン)

それにしても蒸し暑いですね。