- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：ホームページビルダーで横並び写真3枚をセンタリング）
ホームページビルダーで横並び写真3枚をセンタリング
このQ&Aのポイント
- ホームページビルダー１８を使用しております。使い始めてまだ半年もなく、初歩的な操作が不明です。
- 写真の大きなものが一枚ならセンタリングで対応できたのですが、小さな写真を横に3枚・4枚並べる構成になるとお手上げです。
- だれか詳しい方、テーブルにセットしてそれをセンタリングする方法を教えてください。
- Ｆ Ｔ（@gudousha1）
- お礼率36% (75/207)
- ホームページ作成ソフト
- 回答数1
- ありがとう数3
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
HPBでとなると、超古いバージョンしか使っていないので、最近のはわかりませんから、ソースで説明。 tableタグでレイアウトを組むのは、table本来の使い方ではないので、構文的には不適切。 主流はレイアウトコンテナ（DIV）で全体を囲って、CSSでセンタリングをかけるという方法です。 適当にスマホでHTML書いて、ブラウザで表示してみたのが添付画像ですが、こんな感じですかね？ 青枠がレイアウトコンテナ（DIV）、赤枠が画像（IMG）です。 以下ソースを書いておきますが、重要なのはDIVのスタイルで「幅」と「margin:0 auto」を指定すること。 あとのスタイルはご自由に。 <html> <head> <style> div#contents{ width:400px; margin:0 auto; padding:10px; text-align:left; border:1px solid blue; } img{ margin:5px; width:80px; height:80px; border:1px solid red; } </style> </head> <body> <div id='contents'> <p align="center"><img src=""><img src=""><img src=""></p> <p>こんなかんじ？</p> </div> </body> </html>
お礼
早速の返信、ありがとうございました。まさしくそのような感じです！素晴らしい。 お手間かけさせすみません。明日、試してみます。少しお待ち下さい。