ホームページビルダー［HPB_Maniax］

処理

画像に対する回り込みの設定が分かりやすいと思いますので、画像を利用した回り込みを例にします。

回り込ませたい画像を選択し編集-属性の変更か属性変更ボタン-画像の属性

画像タブのレイアウト部で「回り込み」の右寄せか左寄せに任意でチェックします。

スクリーンショット

解除法

次の要素で回り込みを解除したい場合は属性に左回りの解除はclear="left"右回りの解除はclear="right"全ての回り込みを解除する場合はclear="all"を記述します。

文章の途中で回り込みを止める時は、止める位置でキーボードのCtrlを押しながらEnterを押すと改行ダイアログが表示されますから左寄せを止める時は「左寄せが終了する位置まで改行」右寄せを止める時は「右寄せが終了する位置まで改行」にチェックを入れます。

要素・属性

ここでは以下の画像と文章を例にします。

<p><img src="***.gif" width="**" height="**" alt="**">画像を含む最初の段落です。<p>
<p>ここからニ番目の段落です。clear属性を指定しない場合は回り込みを引き継ぎます。</p>

<p><img src="***.gif" width="**" height="**" alt="**" align="left">画像を含む最初の段落です。<p>
<p>ここからニ番目の段落です。clear属性を指定しない場合は回り込みを引き継ぎます。</p>

<p><img src="***.gif" width="**" height="**" alt="**" align="left">画像を含む最初の段落です。<p>
<p clear="left>ここからここからニ番目の段落です。clear属性を指定しない場合は回り込みを引き継ぎます。</p>

<p><img src="***.gif" width="**" height="**" alt="**" align="right">画像を含む最初の段落です。<p>
<p>ここからニ番目の段落です。clear属性を指定しない場合は回り込みを引き継ぎます。</p>

<p><img src="***.gif" width="**" height="**" alt="**" align="right">画像を含む最初の段落です。<p>
<p clear="right">ここからニ番目の段落です。clear属性を指定しない場合は回り込みを引き継ぎます。</p>

文章の途中で解除する場合

<br clear="right">
<br clear="left">
<br clear="all">

関連ページ

回り込みを指定する(.css)