![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
ホームページ初チャレンジ中です
http://www.shuwasystem.co.jp/products/7980html/1 …
こちらのような両サイドにふち、違う背景 を作りたいのですがすがどうするのでしょうか?
「できる ホームページビルダー12」 という本も買いましたがのっていませんでした。
フレームで3分割するのでしょうか?
(分割すると表記できないブラウザがあります、らしきコメントがでてき、他の人がしっかり見れるか不安です)
それとも 表記させている部分を表で大きく囲う感じで表を作成するのでしょうか?
(表であれば表幅の固定で苦戦してイマイチ思ったとおりいかないのですが)
後、レイアウト枠の挿入で両サイドに付けてみましたが幅の固定がうまくできていないのか、標準から VGA に変えてレビューすると崩れてしまいます。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_10.png?8acaa2e)
No.1ベストアンサー
- 回答日時:
スタイルシートでレイアウトするのが良い、とよく言われます。
ページの分割される「箱」を<div class="クラス名">内容</div>
とやって(1ページに一箇所だけしか使わない場合はclassのかわりにidを使うことが多い)、スタイルシートマネージャで、このクラスの幅とか指定します。回り込み左、右を指定することで、横に並ばせることができます。
http://css.uka-p.com/
・・・が、いきなりやるのは敷居が高すぎますよね(T_T)。
さらにまずいことに、この方法だと、HPBではページ編集画面ではレイアウトが崩れまくる上に、htmlソースをいじらないとできません。htmlで書いてはプレビューで確認、を繰り返すことになります。
ということで、次善の策として、枠なしテーブルでやるのがいいと思います。表幅は、例えばパーセントにしても駄目ですか?
テーブルでやるときは、あまり複雑にすると、自分でもわけが分からなくなりますから注意してください。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_10.png?8acaa2e)
No.2
- 回答日時:
ホームページビルダーで作ったページは<head> ・・・ </head> の間のmetaタグで「これはホームページビルダーで生成されているページです」という意味の記述があるはずなのですが、質問者様の参照されているページのソースにはないですね。
HPBの宣伝をするページなら、HPBで作って欲しいものですが・・・。もしかして「どこでも配置モード」でページを作成していませんか? これは画面の大きさが固定という仮定の元にページを作ってしまうので、想定された大きさより小さい画面ではレイアウトが崩れると思います(やったことがないので断言できませんが)。「レイアウト枠」というのもやはり画面全体の大きさや枠の位置が固定されるようですので、想定された大きさより小さな画面ではおかしくなる可能性があります。ここらへんを扱うにはスタイルについての勉強が必要になります。
少々面倒ですが、標準モードでページを作り、1行3列の表を挿入して、「属性の変更」で表の幅を例えば90%などとします。また、位置揃えで中央揃えにします。3個のセルができるはずですから、それぞれ中に、左、中央、右、などと適当に文字を入れてみてください。
壁紙に関しては、一番外側の壁紙は「壁紙の挿入」で行い、箱の中の壁紙はセルの属性の背景に画像を指定します。
最後に、表の枠の表示をなしにしてみてください。
>表幅の固定で苦戦してイマイチ思ったとおりいかないのですが
ここがどのようにうまくいかないのかちょっと分からないので、的確なアドバイスはできないのですが、取り合えずやってみてください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 食中毒・ノロウイルス キダチアロエ 限界摂取量/日 2 2022/10/02 21:29
- Excel(エクセル) Excelシフト表 固定シフトの自動変換化 1 2022/04/14 16:10
- サッカー・フットサル フランス代表は黒人のチームだから、白人のレフリーから差別されたと思うのではないか? 8 2022/12/24 11:55
- DIY・エクステリア 壁にハンガー掛け用の板を取り付けたい 9 2022/06/29 09:48
- 建設業・製造業 鉄パイプの切断と溶接 料金は 2 2023/04/22 22:02
- CAD・DTP 「機能ブロック図」の描画用フリーソフトを教えてください 1 2022/09/23 16:12
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- その他(IT・Webサービス) 知見のある方、教えてください。AI技術を活用して絵本を作りたいです 1 2023/04/13 13:28
- Excel(エクセル) Excelでこういうカードの作り方 枠線の引き方や、挿入画像の拡大縮小など わかる方教えてください、 2 2022/05/03 21:22
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Word2003で実寸サイズの画面表示
-
ページメーカーで縦組みレイア...
-
IllustratorでA4パンフレットを...
-
レイアウト枠について ホーム...
-
Wordの文字削除ができない
-
【テプラの使い方で】複数行の...
-
エクセルのグラフ データテー...
-
PhotoShopで任意の色数に減色し...
-
Becky! で2行目以降に色がつく...
-
ワード ヘッダ下部とフッタ上...
-
テプラで2行目の文字を大きく...
-
WinMergeの色設定
-
特色の一括変換方法につきまして
-
日塗工の色をRGB値に変更し...
-
イラストレータ、CMYK各色の濃...
-
デスクトップアイコン 文字の...
-
TeXでのイタリック表記+下付き...
-
イラストレータで文字などを伸...
-
Wordで、アドレスの下線や...
-
「対象のパスが長すぎます」
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
一太郎のレイアウト枠がずれて...
-
HPビルダー。レイアウト枠がブ...
-
ファイルメーカー5で2列の一...
-
ファイルメーカーでレコードの...
-
レイアウト素材部分に背景とし...
-
ファイルメーカーを立ち上げた...
-
IllustratorでA4パンフレットを...
-
Flashにて斬新なホームページ。...
-
ホームページを作るときに画像...
-
レイアウト枠の余白が・・・
-
CSSを使用したページデザイン・...
-
ファイルメーカーの表示順変更...
-
ホームページビルダーで、レイ...
-
スプレッドシート関数について...
-
ホームページビルダーでワード...
-
プレブューしてみると何か違う...
-
Macで印刷する場合のレイアウト...
-
レイアウト枠のせい?配置した...
-
ホームページビルダーでレイア...
-
画面表示において字余り・こぼ...
おすすめ情報