重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

【GOLF me！】初月無料お試し

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

解決済

  • 質問者：tomo9235740
  • 質問日時：
  • 回答数：3件

ホームページビルダーでホームページを作成しているのですが、壁紙を挿入すると
どうしても全体に表示されてしまいます。

中央だけ（両端は壁紙なしの白い状態）にしたいのですが、そのような設定はできますか？

ホームページビルダー7を使っています。

どうぞご教授よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.3ベストアンサー

  • 回答者： ORUKA1951
  • 回答日時：

ビルダーでの方法はわかりませんが、単純に背景をつけたい要素に対して、


{background:url([画像へのパス]) 50% 50% no-repeat white;}
だけですむ。

　オーサリングツールは、出来合いのテンプレートをそのまま使用する分には良いですが、ちょっと新規にデザインしようとすると、テキストエディタで作成する人以上にHTMLやCSS知らないと使えないです。それに加えてそのツールの使い方と、可能なこと不可能なことを知っておく必要があります。そうしないと「互換性のない酷い物が出来てしまいます。( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC% … )」
　たったこれだけですむことをホームページビルダーで行おうとすると・・大変ですね。
　スタイルシートの編集で、背景を指定したい要素(ここでは<div cass="section">を指定するセレクタを書いて、そこに上記のスタイルを自分で書くしかない。

　利用する分には良いですが、製作する立場になるとウェブページですね。ホームページとはブラウザを起動した時に最初に表示される（ホーム:基点、故郷・・)ページのことです。「ホームページに戻る」「ホームページをgoogleにしている」で意味が通じないでしょ。
　⇒ホームページ - Wikipedia( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC% … )

[サンプル]
★Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html# )のDATA
　W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/#validate_by_ … )
　で検証済みの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">
<!--
html,body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;line-height:1.6em;}
p{text-indent:1em;}
div.header,div.section,div.footer{
width:90%;min-width:630px;max-width:900px;
margin:0 auto;padding:5px;
}
div.section{
min-height:600px;/* 最低限の高さ */
/* 背景指定 */
background:url(http：//upload.wikimedia.org/wikipedia/commons/0/00/Comet-S74-17688.jpg) 50% 50% no-repeat white;
border:solid 1px red;/* 枠を引いておく */
}
-->
＿</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>
    • good
    • 0
    • 件
通報する
この回答へのお礼

具体的なご回答有難うございます。

通報する
お礼日時：2014/03/21 20:41

No.2

  • 回答者： Z31
  • 回答日時：

http://www.wsb.jp/hpb/css/back.htm#02

上の「壁紙を繰りかえさない」が参考になりませんか。

トップページはここです。

http://www.wsb.jp/hpb/
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご回答有難うございます。

通報する
お礼日時：2014/03/21 20:42

No.1

  • 回答者： Granpa-pc
  • 回答日時：

文章とか図などの表示するものがどんなものか判りませんが、画面の中央に表を配置し、その表の背景に壁紙を入れれば、画面両脇は壁紙がない状態となります。



表の外側に文字や図を表示させるのであれば、表の列の数を増やせばなんとかなると思いますが・・・・。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご回答有難うございます。

通報する
お礼日時：2014/03/21 20:42

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報