ベストアンサー

ホームページビルダーで背景を中央だけ表示したい

2014/03/15 19:59

ホームページビルダーでホームページを作成しているのですが、壁紙を挿入するとどうしても全体に表示されてしまいます。中央だけ（両端は壁紙なしの白い状態）にしたいのですが、そのような設定はできますか？ホームページビルダー7を使っています。どうぞご教授よろしくお願いいたします。

tomo9235740
お礼率83% (157/189)

ホームページ作成ソフト
回答数3
ありがとう数14

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

ORUKA1951
ベストアンサー率45% (5062/11036)

2014/03/16 10:08 回答No.3

ビルダーでの方法はわかりませんが、単純に背景をつけたい要素に対して、 {background:url([画像へのパス]) 50% 50% no-repeat white;} だけですむ。　オーサリングツールは、出来合いのテンプレートをそのまま使用する分には良いですが、ちょっと新規にデザインしようとすると、テキストエディタで作成する人以上にHTMLやCSS知らないと使えないです。それに加えてそのツールの使い方と、可能なこと不可能なことを知っておく必要があります。そうしないと「互換性のない酷い物が出来てしまいます。( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%93%E3%83%AB%E3%83%80%E3%83%BC#.E5.90.8D.E7.A7.B0.E3.81.AE.E5.BD.B1.E9.9F.BF )」　たったこれだけですむことをホームページビルダーで行おうとすると・・大変ですね。　スタイルシートの編集で、背景を指定したい要素(ここでは<div cass="section">を指定するセレクタを書いて、そこに上記のスタイルを自分で書くしかない。　利用する分には良いですが、製作する立場になるとウェブページですね。ホームページとはブラウザを起動した時に最初に表示される（ホーム:基点、故郷・・)ページのことです。「ホームページに戻る」「ホームページをgoogleにしている」で意味が通じないでしょ。　⇒ホームページ - Wikipedia( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8 ) [サンプル] ★Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html# )のDATA 　W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/#validate_by_input ) 　で検証済みのHTML4.01strict+CSS2.1です。 ★タブは＿に置換してあるので戻す。 ★http:はhtt：(全角)に置換してあるので戻す。 ★ディスプレイ幅に依存しません。また印刷には適用されません。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http：//www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<title>サンプル</title> ＿<meta name="author" content="ORUKA1951"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" > ＿<link rel="START" href="../index.html"> ＿<style type="text/css" media="screen">  ＿</style> </head> <body> ＿<div class="header"> ＿＿<h1>タイトル</h1> ＿＿<p>このページでは・・・・</p> ＿</div> ＿<div class="section"> ＿＿<h2>見出し</h2> ＿＿<p>本文はsection</p> ＿</div> ＿<div class="footer"> ＿＿<h2>文書情報</h2> ＿＿<dl class="documentHistry"> ＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt> ＿＿＿<dd>2013-03-03</dd> ＿＿</dl> ＿</div> </body> </html>

質問者