■見出し１■

ＨＯＭＥ > 画像関係マニュアル

画像関係マニュアル

※「<」 「>」 については、全角で表記していますが、コードに入れるときは半角にしてください。

画像タグ＜img＞に class をつけて、画像の回り込みを行います。

この設定は、ドリームウィーバーではできませんので、ソースコードを直接編集してください。

左寄

画像に、 class="flo-l"　というクラスを入れると、左寄になります。

このフロート系のレイアウトは、ブラウザごとのレイアウト崩れを起こしやすいので注意が必要です。

回り込んだ文章が、
テキスト量が多くて、画像より下に来ていれば良いのですが、
ここの例のように、画像の高さより、文章が少ない場合は対策が必要です。

その場合は、＜br class="clear" /＞を入れて、回り込みを解除します。

回り込んだ後は、画像の下に文字 or 画像が来るようにしてください。回り込み画像の下に何もない場合はブラウザによってレイアウトが崩れます。

右寄

画像に、 class="flo-r"　というクラスを入れると、左寄になります。

＜br class="clear" /＞で、回り込みを解除しています。

この＜br class="clear" /＞は、ドリームウィーバーで編集中に、＜p＞タグの中に移動してしまうことがあるので、必ずコードを確認しながら作業してください。
コードが移動してしまうのは、隣接した段落を削除した場合など、です。

PageTop

メインメニュー

サブメニュー

会社概要