個人的PWblogマニュアル

個人的なブログマニュアルです

画像のUP方法3(追記)

2006-04-21
久ぶりの新記事です

文字や画像の回り込みの解除もちょっとややこしい

CM
画があってalign="left"で左に寄せているので
文字は画の右に回り込んでしまう
複数の画像を並べた時にジグザクに並んでしまう状態も解除できる



こんな感じでスーペースを入れて画の横から文字をずらすのが
手取り早いが、ちょっと格好つけたいときに使う
(自己満足の世界へようこそ!)

<br clear="left">(実際は<>は半角で入力)
を貼り付けた画像用のタグの最後につける

<img src="http://www.pwblog.com/user/blueprint/files/1534_s.jpg" alt="CM" align="left"><br clear="left">
こんな感じ。そのとき、left位置属性は合わせる。面倒臭かったから
<br clear="all">でもいい

<p style="clear:left;">
(回り込みを解除したいコンテンツを入れる)
</p>
この方法でもいける

CM

bl

ちゃんと文字が画の横から下に移動する
画も被らずに縦にならんでくれる

注:以前はbrを使用して自動改行にチェックを入れておくと<br>が
  自動的に付加されて(編集かけた回数だけ重ねて)修正が必要だった
  ソフトを修正したのかなぁ

次は画像に対するリンクの枠消しと枠の修飾かなぁ。画像に隣接する文字の位置の調整方法もあげて、忘れても困らんようにしとこ。
この辺のタグはCSSファイルでも良く使うんだよね。

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

http://blog.zmapple.com/user/blueprint/kaiseki/cwtb.cgi/31764
この記事へのコメント
Copyright(C) 2005 BlogMaster - Powered by PwBlog -. All rights reserved.
メル友人妻出会 系 サイト不倫 してみませんかセフレ出会 ステーション知合い 人妻不倫セックス フレンド出会 掲示板