今ではもう、ブログの記事に編集・装飾がある程度できるようになりました。さらに、seesaablogのコンテンツも充実し、最新記事下のカテゴリーごとのご紹介が効果的に表せるようになりましたので、これを機に過去の記事も改めて修正し直し、整理して、同様な記事を繰り返し書かずに、上書きのみにして、カテゴリごとに学びやすいようにします。

カテゴリことの表記は→ 【テーブル】・・・ とします。

それぞれの記事タイトルも
【テーブル】@表組みの基本から・・・のような表記にします。 ○番号で続きの学びが確実にできるように表していきます。最初から学ぶときは@からたどってみてください。

従って、記事更新の日付は参考にせずに、【カテゴリ】から学びたい項目を探して進んでいってください。 今後とも末永くいつでも戻ってきて学んでみてください。

2012年03月20日

【画像の表示・配置】Aイメージ画像に対して回り込むテキストとの間に余白を設ける


イメージ画像の周りに余白を指定して、回り込むテキストとの間に余白取ります。

<IMG SRC=”@” border=”A” align=”B” vspace=”C” hspace=”D”>

@は表示させるイメージファイルのURL
Aは画像と回り込むテキストとの境界線を定めます。この場合必要ないので、”0”とします。border=”0”それ自体が回り込みの領域を規定させているようです。画像全体を回り込ませる要素があるようです。
Bはleft、rightと入れて、テキストを回りこませる方向を指示します。
C・・・vspaceは上下の余白を指定します(ピクセル数)
D・・・hspaceは左右の位置を指定します(ピクセル数)

<IMG SRC=”@” border=”0” align=”left” vspace=”6” hspace=”6”>

【画像の表示・配置】回り込みの第一回目の記事での画像を利用して上の要素を適応すると・・・
画像とテキストの間で窮屈さがなくなっているのがわかると思います。



アフィリエイト広告の中の<IMG SRC=” ”を探して下の様に入れてみました。
border=”0” align=”left” vspace=”20” hspace=”30”
イメージ画像ファイルの右側にテキストが回りこみ、間隔があいているのがお分かます。


カラダに欠かせない栄養素を補給しながらカロリーコントロールできる、DHCプロティンダイエット。DHCが研究を重ねたベストの配合で、おいしく満足感たっぷりのダイエットドリンクに仕上げました。
DHCオンラインショップ【個人サイト様向け】1袋で1回の食事に必要なたんぱく質、22種類のビタミン・ミネラルをとることができます。さらに、コエンザイムQ10、ヒアルロン酸、オルニチン塩酸塩、ポリフェノール、食物繊維といった、キレイとダイエットをサポートする成分を積極的に配合しました。アミノ酸スコア100、食物繊維は1袋に7,500mg以上とたっぷり。
『ダイエットに成功しても、健康も美容もキープできなければ意味がない!』

そして何よりも「続けられること」おいしさにもこだわった5つのフレーバーでしっかりと続けられますよ。

透明感もうるおいも欲しい大人のお肌にDHC薬用カムCホワイトニングシリーズ
DHCオンラインショップカムカム果実・種子抽出エキスを配合。大人の肌をしっとりうるおしながら美しい透明感をプラスする薬用ローション アマゾン原産のフルーツ・カムカムから抽出したエキスに、ビタミンC誘導体とアラントインの2つの薬効成分DHC薬用カムCホワイトニング ローション
大人の肌に、透明感とうるおい補給。カムカム由来成分とダブル薬用成分配合美容液 アマゾン原産のフルーツ・カムカムから抽出したエキスに、ビタミンC誘導体とアラントインの2つの薬用成分をプラス。DHC薬用カムCホワイトニング エッセンス
カムカム果実・種子抽出エキスを配合。大人の肌をしっとり包み込んで美しい透明感をプラスする薬用クリーム アマゾン原産のフルーツ・カムカムから抽出したエキスに、ビタミンC誘導体とアラントインの2つの薬用成分がお肌を変えるDHC薬用カムCホワイトニング クリーム

アフィリエイト画像では上下に余白の部分が広く取っているのが今までの経験からわかっています。そこで、上下の余白を小さくしてみます。

透明感もうるおいも欲しい大人のお肌にDHC薬用カムCホワイトニングシリーズ
DHCオンラインショップカムカム果実・種子抽出エキスを配合。大人の肌をしっとりうるおしながら美しい透明感をプラスする薬用ローション アマゾン原産のフルーツ・カムカムから抽出したエキスに、ビタミンC誘導体とアラントインの2つの薬効成分DHC薬用カムCホワイトニング ローション
大人の肌に、透明感とうるおい補給。カムカム由来成分とダブル薬用成分配合美容液 アマゾン原産のフルーツ・カムカムから抽出したエキスに、ビタミンC誘導体とアラントインの2つの薬用成分をプラス。DHC薬用カムCホワイトニング エッセンス
カムカム果実・種子抽出エキスを配合。大人の肌をしっとり包み込んで美しい透明感をプラスする薬用クリーム アマゾン原産のフルーツ・カムカムから抽出したエキスに、ビタミンC誘導体とアラントインの2つの薬用成分がお肌を変えるDHC薬用カムCホワイトニング クリーム

どうですか?

今日の練習はここまで
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック

トップページへ戻る方は次項有クリックして

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。