ホームページビルダー16、表を横に移動する方法
ホームページビルダー16は、手頃な価格で機能が豊富です。ホームページ作成ソフトでは一番人気でしょう。
「表の挿入」により、自由に表が作成できて、大変便利です。
しかし、挿入した表を横に移動する方法が見つかりませんでした。
以下、ホームページビルダー16表を横に移動する方法を記載して行きます。
(編集スタイル:スタンダード)
(項目1)
・表 → 表の挿入 で表を作成すると、下記の表が挿入されます。
・画像の場合はスペースキーで横に移動出来ますが、表の場合は移動出来ません。
・インデントでの移動は可能ですが、移動量を指定する事が分かりませんでした。
・この表のHTMLソースを見ると、下記の様になっています。
<table border="1">
<tbody>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
(項目2)
・インターネットで色々なWebサイトを調べた結果、表を横に移動するには、
<div>タグを用いれば
良い事が分かりました。
・表の最初に
<div style="margin-left:25px">、表の最後に
</div>を追記します。
・結果、表は下記の様に、横に移動出来ました。
・この表のHTMLソースを見ると、下記の様になっています。
<div style="margin-left:25px">
<table border="1">
<tbody>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
</div>
・表の移動量を指定するには、
<div style="margin-left:25px">の
25を変更すれば良いです。
(項目3)
・以上で、ホームページビルダー16表を横に移動する方法は終了です。