忍者ブログ

CusblO

忍者ブログテンプレートカスタマイズ ブログテンプレートCSS/HTMLカスタマイズ覚書 忍者用ブログテンプレート作成中

HOME[PR]スタイル装飾画像テキスト回り込みと解除

[PR]

07/24(Mon)  YESR2017

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

画像テキスト回り込みと解除

03/30(Tue)  YESR2010

回り込みとは:正式には 行揃えと呼ばれている。

回り込みをさせるとどのようになるか?
テーブルを使わなくても
左右に画像と文字をならべてきれいに配置できる
以下参照
 
ボーダーく 行揃えを左回りこみ指定した場合
画像が左に配置される。文章を書くとこのように表示され
すっきりとまとまりのある配置になる。

タグはHTMLで制御する。記事の場合 簡素版のエディタ で変更する

<img alt="画像オンマウスで表示される文字を記入 上の画像にマウスをあててみるとボーダーと表示されることがわかるく" align="left" src="http://file.cusblo.atgj.net/ba-b.gif" />&nbsp;行揃えを左回りこみ指定した場合<br />
回り込みのデメリット
文章行数より画像が縦に長い場合、回り込ませたくないものまで回り込んでしまう

解除する方法スタイルシート
<p style="clear:right">文章は画像の下側になっているはずです。</p>
right center leftで文字位置を指定

もしくは
回り込ませた文章の最後か解除したい文章の先頭に<br clear="all">
 
 
 

拍手

PR

この記事にコメントする

お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
 管理人だけに表示

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

この記事にトラックバックする:

これで良いのかテンプレート チョHTML5・・・って まずくなぁ~~い?SEO« HOME »Googlアドサイトマップテンプレートカスタマイズ

最新コメント
[04/23 管理人]

最新トラックバック
(03/10)

Yurapisは、Twitterとmyspace同期中

ブログ:
ネーム:
かすぽ
趣味:
美しい・綺麗なものの鑑賞
自己紹介:
CusBloスタート:2010.03.07
3月16日1作目完成とどうじに愛猫天使記念日

最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中

素材配布サイト様へ:リンク漏れが有る場合以下の専用ページにコメントください



Copyright (C) CusblO
TEMPLATE by CusBlo
     忍者ブログ [PR]
 | 管理 | 新記事