ホームページ・ビルダー19SPで、画像の隣に説明文を配置したい場合、以下の設定を試します。

※このFAQでは、ベーシック［0001］のテンプレートを例に、表を使わずに配置する方法について説明しています。

【変更前】

【変更後】

■操作

1. 画面左の［パーツ一覧ビュー］のタブをクリックしてビューを表示させます。
2. ビューの上部にある をクリックし、パーツの種類から「リスト/定義リスト」を選択し、上から２番目の［リストマークなし］のパーツを選択してドラッグ＆ドロップで画像の下の位置に配置します。

   

3. 画像をクリックし、 をクリックします。
4. ［パーツのプロパティ］ビューで［配置］をクリックします。
5. ［パーツ配置関連設定］の［マージン］をクリックし、右のマージンの値を「指定：10px」に設定します。

   

6. ［パーツ配置関連設定］ビューで［サイズ］をクリックします。
7. パーツのサイズの設定で、サイズを確認し、任意のサイズに変更します。

   今回はそのままにしておきます。

8. ［パーツ配置関連設定］ビューで［表示形式］をクリックします。
9. 「左配置」を選択し、［OK］をクリックします。
10. ［パーツのプロパティ］ビューを閉じます。
11. リストをクリックし、 をクリックします。
12. ［パーツのプロパティ］ビューで［配置］をクリックします。
13. ［パーツ配置関連設定］の［マージン］をクリックし、左右のマージンの値を「指定：0px」に設定します。

    

14. ［パーツ配置関連設定］ビューで［サイズ］をクリックします。
15. パーツのサイズの設定で、「指定、幅：200px、高さ：200px」に変更します。

    

16. ［パーツ配置関連設定］ビューで［表示形式］をクリックします。
17. 「左配置」を選択し、［OK］をクリックします。
18. ［パーツのプロパティ］ビューを閉じます。
19. リストに説明文を入力し、不要になったテキスト文字列を削除しておきます。

    

20. 上部の をクリックし、必要に応じて手順.1〜手順.18を行い、スマートフォン画面の配置も変更しておきます。

◆補足

応用例として以下の配置が考えられます。

▲ページの先頭へ戻る