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

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

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

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

2012年03月16日

【フロート】Aフロート(回り込み)のアクセント:強制改行…回り込みの中止


今日も、貼り付けた画像や、アフィリエイト広告、などを回り込んで文章を入力する仕方を、覚えましょう。

まずは昨日の復習から
<p style=”clear:both”>  …@
<DIV style=”float:left”>  …A
任意に貼り付ける画像コード
</DIV>  …A’
文章
<p style=”clear:both”>  …B
@はここより前に貼り付けてあるものを打ち消す意味で入れています。
なくてもかまいません。自分は入れています。
AとA’の間に囲まれた画像が左に位置します。それに対してその下の文章が、ここの場合画像の右側に回り込むことになります。
B回り込ませる命令を出した文章を、解除させるものです。

画像が大きくなく文章が長い場合、回り込みしてあふれた部分が文章領域の際全体で表示されていますが、Bを入れ忘れると、次に画像が入ったときにまた回り込みます。

文章の頭が出ていて、かっこが悪いことがあります。そこで、『強制改行』を実行します
A’の先頭に<BR>…を頭につけます。すると一段落下がります。

さらに、文章の途中で改行したり、Bの回り込みを解除することで、整理されることがあります。

最初と後を比べてみましょう




icon
icon

エポラーシェ ブランドール (昼夜用美容液)
icon人気の昼夜用美容液“ブラン”がリニューアル!お肌のキメを整えて引き締めながら、新配合成分の14種の植物エキス、ユキノシタエキス、アマドコロエキス、エーデルワイスエキス、ハイビスカスエキスでさらに潤い感がアップしました。なめらかで潤いに満ちたお肌を目指すための、とろみのある頼もしい美容液です。






icon
icon


エポラーシェ ブランドール (昼夜用美容液)
icon人気の昼夜用美容液“ブラン”がリニューアル!お肌のキメを整えて引き締めながら、新配合成分の14種の植物エキス、ユキノシタエキス、アマドコロエキス、エーデルワイスエキス、ハイビスカスエキスでさらに潤い感がアップしました。なめらかで潤いに満ちたお肌を目指すための、とろみのある頼もしい美容液です。


普通の改行をしても同じことですが、回り込む画像のふちに対し、テキストの頭が出る時があります。最初の例から改行あるいは『強制改行』にて、そろえてみました。

さらにBの入れる位置を変えると…文章の途中に入れます。「リニュアル」の後に入れてみます。前半の文章を強制改行し強調してみます。




icon
icon


エポラーシェ ブランドール (昼夜用美容液)
icon人気の昼夜用美容液“ブラン”がリニューアル!

お肌のキメを整えて引き締めながら、新配合成分の14種の植物エキス、ユキノシタエキス、アマドコロエキス、エーデルワイスエキス、ハイビスカスエキスでさらに潤い感がアップしました。なめらかで潤いに満ちたお肌を目指すための、とろみのある頼もしい美容液です。

改行と「強制改行」…<BR>と「回り込みの解除」…<p style=”clear:both”>いろいろと試して自分の思い通りの配置を行い、お気に入りの記事ページを作り上げてください。


お断り;実施に入れるときは、半角英数字にしてHTMLを貼り付けてください。

=追伸=UVケアでこれからの日差しを乗り切ろうかわいいお勧めです。
今日の練習はここまで。
この記事へのコメント
大島優子をはじめとする4人のAKB48メンバーで構成されているユニットNot yetが、映画『イースターラビットのキャンディ工場』の日本語吹き替え版主題歌「ハグ友」を担当してます。
Posted by 佐伯日菜子 怖い at 2013年06月13日 19:13
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

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


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/9824423

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

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

×

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