| 前の記事│ | 次の記事 |
画像（複数）のＵＰ方法３
2006-04-12
文字や画像の回り込みの解除もちょっとややこしい
画があって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＞
この方法でもいける
ちゃんと文字が画の横から下に移動する
画も被らずに縦にならんでくれる
注：以前はｂｒを使用して自動改行にチェックを入れておくと＜br＞が
自動的に付加されて（編集かけた回数だけ重ねて）修正が必要だった
ソフトを修正したのかなぁ
次は画像に対するリンクの枠消しと枠の修飾かなぁ。画像に隣接する文字の位置の調整方法もあげて、忘れても困らんようにしとこ。
この辺のタグはＣＳＳファイルでも良く使うんだよね。
画があって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＞
この方法でもいける
ちゃんと文字が画の横から下に移動する
画も被らずに縦にならんでくれる
注：以前はｂｒを使用して自動改行にチェックを入れておくと＜br＞が
自動的に付加されて（編集かけた回数だけ重ねて）修正が必要だった
ソフトを修正したのかなぁ
次は画像に対するリンクの枠消しと枠の修飾かなぁ。画像に隣接する文字の位置の調整方法もあげて、忘れても困らんようにしとこ。
この辺のタグはＣＳＳファイルでも良く使うんだよね。
Posted by blueprint 14:53:34
