【復活求む!】惜しくも解散してしまったバンド|J-ROCK編 >>

ホームページビルダー10の標準モードでHPを作成しています。
素人なので大変苦労しています。
表を作成して属性の変更でセルの大きさをきめて、セルのなかに
ウエブアートデザイナーで作成した物や文字を入れているのですが
全てではないのですがプレビューを見るといくつか編集
画面の位置よりズレがある文字や作成した図があります。
(編集画面とプレビュー画面で作成した図や文字の位置にズレが生じている。。。)
色々と試行錯誤しているのですが、どうしてもズレが直りません
何か原因があるのでしょうか?
素人な質問で説明がわかりずらくてすみませんが宜しくお願い致します。

A 回答 (1件)

編集画面とプレビューでの差、ありますよね。


自分も以前これに悩んでこちらのサイトのお世話になりました。
その時の質問が少しでも参考になれば、と思い参考URLに貼らせていただきました。
この時は「どこでも配置モード」で作っていた時の質問ですが、現在は標準モードで作り直しました。
標準画面でもプレビューとの差はあります。
しかしアップロードすると、プレビューで見た状態のものがウェブ上で表示されるので、プレビューを信用してビルダーを使っています。

参考URL:http://okwave.jp/qa1989223.html
    • good
    • 0
この回答へのお礼

ご回答頂きありがとうございました
勉強になりました

お礼日時:2007/02/12 19:07

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

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QHPビルダー。レイアウト枠がブラウザでずれてしまう・・・・

OSはXPを使用してます。
HPビルダーのレイアウト枠を使い作成しているのですが、作成画面上ではバッチリの場所なのですが、ブラウザで確認すると下にずれてしまいます。
きちんと収まる部分もあるのですが、いったい何が原因なのでしょうか?
宜しくご教授お願いいたします。

Aベストアンサー

補足ありがとうございます。
確認をさせていただきました。

IEで見たところでは下にずれいるということはありませんでしたね。

レイアウト枠はスタイルを使用しているので
ブラウザの種類やバージョンなどによって
設定した通りに表示されないことが多々あります。
特にNNではそれが顕著であります。

今、考えられるのはこれくらいです。

これでは解決に至らないかもしれませんが
ご勘弁願います。

QHPビルダーで中央表示がしたいのですが・・。 

HPビルダーで中央表示がしたいのですが・・。 
どこでも配置を使って作ったHPが、左端がブラウザに固定の表示になってしまいました。
常に開いたブラウザの中央に表示されるようにするにはどうしたらいいのでしょうか。

Aベストアンサー

>http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb1037

IBMのサイトを参考にしてください。

標準モードで「表の挿入」で「表」を使って、表の一番外枠を選択状態で「書式(O)」「位置揃え(A)」「中央揃え(E)」で表が中央に来ます。

または、普通の「文字の中央」をクリックでもOKです。

どのサイズのディスプレイでも中央表示となります。

どこでもモードでは不可です、標準モードで作成です。

表の列や行は後からいくらでも追加や削除が出来ますので、文字列の配置や画像の挿入位置などレイアウトを考えて、列や行を作りましょう。

またセルの結合や分割もできますので、自由な画面のレイアウトが可能です。

表の外枠を選択状態で「編集(E)」「属性の変更(A)」で表やセルの寸法を決めたり枠表示を消したり、枠に色をつけたりも出来ます。

Qホームページビルダーでセルの幅の固定するには

ホームページビルダー6.5の標準モードでの表の挿入ついて教えてください。
表のセルの幅を300ピクセルに固定したいと思っています。
セルをを選択→属性の変更→セル→セルの幅に300(ピクセル)を入力。
すると、セルの幅は300ピクセルに固定されますが、セルに長い文章を入力すると文章にあわせて幅が大きくなってしまいます。

どうすればセルの幅を固定し、文章がセルに合わせて表示されるようになりますか。
よろしくお願いします。

Aベストアンサー

スタイルシートを使います。
(後で説明書を読んでね。)

セルの幅に300をとりあえず未入力状態にします。
[表]又は[セル]タブ内の[スタイル]ボタンをクリック、
[スタイル]タブ内の[現在のタグのみにスタイルを設定]の[編集]ボタンをクリック、
[位置]タブ内の[幅]の「予約語」→「ピクセル」に変更して
入力ボックスに「300」を入力です。(以後、OKボタン)

下記URLも参考にしてください。

参考URL:http://tohoho.wakusei.ne.jp/wwwcss.htm

Qホームページビルダーのページ編集の表示

ホームページのテンプレートをホームページビルダー8で編集時
プレビューで正しく表示されますが、編集ページではヘッダーの画像などの位置が左右に大きくづれて表示されます。プレビューと同じように表示して編集したいのですがどうすればいいでしょうか教えてください

Aベストアンサー

>プレビューと同じように表示して編集したいのですがどうすればいいでしょうか教えてください

それは無理です。

私もホームページビルダーを使ってホームページを作っています。編集のページとweb上に載せたときには、位置関係などが微妙にずれます。エクセルを使ったときに作成画面とプレビューで見たときのセル内の文字などの状態が違っていることがありますよね。それと同じです。エクセルではプレビューの方が印刷時を表していると分かります。ホームページビルダーでも、プレビューの方がweb上に載ったときの状態を表しています。プレビューが思ったような位置になっているなら、その編集ページが少々変でもいいのです。
元々、ホームページビルダーがなかった時代は、自分の作った文字がweb上でどのように表現されるかは、テラパットなどのソフトを使うか試しに載せてみなければ分かりませんでした。それを作成ソフト内で文字ではなくイメージで作成して、なおかつ確認出来るようになったのがホームページビルダーです。ただ、もしも微妙どころかすごく位置関係のずれがあるならば、ソースの中に余計なタグがたくさん入っているのかもしれませんね。ホームページビルダーは視覚的にホームページを作成できるところが魅力ですが予想外にタグが増えます。私もよくソースのところを開いて余計なタグを消しています。
プレビューで確認しながら素敵なサイトを作成して下さい。
私が使っているお助けサイトをご紹介します。
http://www.aimix.jp/index.html
http://www.aimix.jp/index.html
http://www2a.biglobe.ne.jp/~qpon/

>プレビューと同じように表示して編集したいのですがどうすればいいでしょうか教えてください

それは無理です。

私もホームページビルダーを使ってホームページを作っています。編集のページとweb上に載せたときには、位置関係などが微妙にずれます。エクセルを使ったときに作成画面とプレビューで見たときのセル内の文字などの状態が違っていることがありますよね。それと同じです。エクセルではプレビューの方が印刷時を表していると分かります。ホームページビルダーでも、プレビューの方がweb上...続きを読む

Qホームページビルダーで横幅について

ホームページを作ろうと、とりあえずホームページビルダー17の体験版をDLしました。

とりあえず四苦八苦しながらですが、なんとか少しずつ理解をしてきたのですが、まだまだ分からない事だらけです。

とりあえず、今一番分からないのが横幅の指定についてです。


例えば、皆さんそれぞれ横幅が違うディスプレイをお使いですよね?
ですが、どのサイトも自動的にそのディスプレイにあわせて自動的に最大化しているように思います。
そうするにはどのように設定すればいいのでしょうか?

また、950ピクセルくらいが最適とかを調べているうちに目にしたのですが、試しに950を設定して画像を挿入したところ横幅に余白があります。
サイト作成では、上部を青、中を白、最下部を青という想定をしているので余白があるとどうしても不恰好です。
見ている人のディスプレイにあわせて最大にしたいので、どのようにすればいいのか横幅について教えてもらえませんか?

できれば専門用語をくだけた表現で教えてもらえると非常に助かります。

宜しくお願いします

Aベストアンサー

>自動的にそのディスプレイにあわせて自動的に最大化している

訳ではないです

>950ピクセルくらいが最適とかを調べているうちに目にしたのですが、試しに950を設定して画像を挿入したところ横幅に余白があります


一般的なホームページの横幅(width)は800ピクセルから950ピクセルぐらいが妥当
余白は背景で埋めます
http://copicopi.com/bgall.html

http://masaboo.cside.com/new_html1/ht_12.htm

Qホームページビルダーで表の列幅を調整するには

ホームページビルダーホームページを使ってホームページを作成中です。
表を作りましたが,表の列幅が揃いません。プレビュー画面では大体同じ幅になっているのに,実際の表の列幅は揃っていません。
なぜ揃わないのでしょうか?また揃えるためにはどうしたら良いでしょうか?
ご教授お願いします。

Aベストアンサー

hpbを利用し、表を多用し Hpを作成しています。
100桁 4列作成する場合、
 <TABLE border="1">
<COL span="4" width="100">
<TBODY>
だけではなく、合計幅を入れると安定します。
           ↓
 <TABLE border="1" width="400">
<COL span="4" width="100">
<TBODY>

※ この場合も、その列に 100pxを超す画像を入れたり、
長い文字列にリンクを張ったりすると、幅がかわる可能性があります。
 

Qホームページビルダーの表について

ホームページビルダーに「エクセル」の表みたいなのがありますよね。
表をつくって、中に字を書いたりできると思うんですが、
表の大きさをドラックして大きくしたり、数字を入力して
大きくしたりしたあと、文字の中央寄せを使っても、ビルダー内では
中央に寄っていても、ブラウザで見るとずれていたりするんですが
これはどうしてでしょうか。中央寄せした状態で表示したいです。
どこでも配置モードでやってます。
あと、数字でセルの大きさを変えたりするときも、数字を入れても
変わらないときがあります。これもさっきのと同じで、たとえ
ホームページビルダー内で変わっても、ブラウザでは変わってない
ことがあります。どうしてでしょう。どうやったら直せ
ますでしょうか。教えてください。よろしくお願いします。

Aベストアンサー

例えば、今までどこでも配置モードで作ったページを標準モードで開く場合

(HPB内のファイル→モードを指定してページを開く→標準モードで開く)で
開きます

しかし、開いたページはWEB上で公開した場合画像などがかなりずれていたりします
(画像同士が重なっている場合も・・・)

HPBを使う場合でも若干タグなどを覚えておく必要もあります

HTMLソースを開くとタグが出てきます(一度開いてみてください)

例えばdeen20 さんが置いてある画像を0.jpgがあったとした場合

<DIV style="top : 329px;left : 116px;
position : absolute;"><IMG src="0.jpg" width="800" height="600" border="0"></DIV>
とした場合 このタグの意味は
上から329 左から116の位置に 幅800ピクセル 高さ600ピクセルの大きさの画像[0.jpg]が
ありますと言う意味です

position : absolute 絶対位置指定されているということです

多分こう言う位置指定されたものばかりあると思います
(今までどこでも配置モードで作ったページを標準モードで開くと)

位置指定しない場合は
<DIV><IMG src="0.jpg" width="800" height="600" border="0"></DIV>と書き換えます

Aの画像をBの左側に置いて、Cの画像をAの画像の真下に置きたい
それをWEB上で公開した場合中央に置きたいならテーブルを置いてその中に画像を入れて
位置揃えで中央にしないといけません

説明文がちょっと難しいかもしれませんね

テーブル(表)の位置 自分の置きたい位置に置くには 結論から言いますと
タグの勉強が必要だと (長々と書いて役に立たず、ごめんなさい)

タグの勉強 HP作成に役立つサイトを紹介しておきます
(結構勉強になります)
[0からHTML]
http://www.zerokara.com/html/

※タグの勉強の裏技と言う程のものではありませんが
ネットを開いて右クリック→ソースの表示を開くとメモ帳が出てきますので
そのタグをすべてコピーして HPB のHTMLソースを開いてそこに貼り付けてページ編集で
見てください テーブルの設置や画像の設置など 結構方法が判るかも知れません

参考URL:http://www.zerokara.com/html/

例えば、今までどこでも配置モードで作ったページを標準モードで開く場合

(HPB内のファイル→モードを指定してページを開く→標準モードで開く)で
開きます

しかし、開いたページはWEB上で公開した場合画像などがかなりずれていたりします
(画像同士が重なっている場合も・・・)

HPBを使う場合でも若干タグなどを覚えておく必要もあります

HTMLソースを開くとタグが出てきます(一度開いてみてください)

例えばdeen20 さんが置いてある画像を0.jpgがあったとした場合

<DIV style="top : 32...続きを読む

Qホームページビルダーで背景画像がうまくいかない

ホームページビルダーでHPを作成している初心者ですが、どうも背景画像がうまくいきません。
どこでも配置モードで製作しているのですが、背景画像の大きさ(範囲)を指定できないものでしょうか?編集→ページのサイズ→800×600等を選んでも、背景画像の範囲が限定されるわけでもなく、画面いっぱいに背景画像が映し出されます。
ちなみに、挿入→画像ファイル→ファイルから壁紙として  このやり方で背景画像を設定すると、ぺーじ編集画面ではしっかりと背景画像が表示されるのですが、プレビューでは背景が表示されない不具合が出ました。(検索してみると同じ不具合が出る人が数人見つかり、一つだけ解決策が見つかったのでそれを実行しています。 http://www.aimix.jp/hpboldlog2/old3594.html   の一番下のやり方です。)

最悪、背景の問題が解決できなければ、ページの中央表示で妥協しようと思っています。
で、標準モードで製作していれば簡単にページの中央表示(真中寄せ)ができるようですが、今どこでも配置モードで製作していますので、どこでも配置モードで中央表示する方法はありませんか?
できれば全てにおいてhtmlタグは極力直接入力は避けたいです(わけがわかっていないので・・・)

お詳しい方よろしくお願いします。

ホームページビルダーでHPを作成している初心者ですが、どうも背景画像がうまくいきません。
どこでも配置モードで製作しているのですが、背景画像の大きさ(範囲)を指定できないものでしょうか?編集→ページのサイズ→800×600等を選んでも、背景画像の範囲が限定されるわけでもなく、画面いっぱいに背景画像が映し出されます。
ちなみに、挿入→画像ファイル→ファイルから壁紙として  このやり方で背景画像を設定すると、ぺーじ編集画面ではしっかりと背景画像が表示されるのですが、プレビューでは背...続きを読む

Aベストアンサー

>背景画像の範囲が限定されるわけでもなく、画面いっぱいに背景画像が映し出されます。

この意味は、背景画像が繰り返して、表示されるという意味でしょうか?

繰り返さないにするには「編集」「ページの属性」「ページの情報」タブを開いて「スタイル」ボタンを押します。「色と背景」タブの中に「繰り返さない」の設定があります。

しかし、「800×600」の画像では、左上に固定されます。

私は、画像ファイルのサイズを1100×915くらいに大きくして、背景として挿入でなく、画像ファイルの挿入にしていますが、表示されないとかの不具合は一度もありません。

バージョン8の時から、いまの11までですが。

もともと、ビルダーは、どこでも配置モードでは「常に画面の中央表示」はできません。最新バージョンの13ではどうなってるかわかりませんが。

どのサイズの画面でも、画面の中央表示にするには、標準モードで「表」をうまく使えば、かなり複雑な画面のレイアウトが出来ます。

Qホームページビルダーのプレビューとサーバーアップ後の結果が違います

皆様、よろしくお願い致します。
今までホームページビルダー6を使用して、サイトを作ってましたが
ホームページビルダー13にバージョンアップし、
既存のサイトを引き継ぎますか? とあったので
実行しました、そして新バージョンで今までの
サイトを更新しようとしたところ、上手くいきません
まず、トップのページなのですが、
背景に画像、ページ内にフラッシュ、
スクロールすると、下部にテキストがあるのですが、
現在は、背景画像のみが表示され、スクロールもしません
しかし、プレビュー画面では、きちんと正常に表示されます。
次に、トップページ以外には、フラッシュ素材を使用した
メニュー画面があるのですが、こちらもプレビュー時には
表示されますが、サーバーアップすると、表示されません。
ホームページビルダー6では、正常に表示されていたのに、
ホームページビルダー13では、正常に表示されません。
皆様のお知恵をお借りできれば幸いです。よろしくお願いします

Aベストアンサー

実際に拝見してみないと的確に答えられませんが、
プレビューで見ると思ったとおりに表示されるのに、
サーバーアップ後に(web上のページを見ると)表示がおかしいということは、
フラッシュ関連のファイルがサーバーにアップされていない、
または、アップされているが(サーバー上での)参照先が一致していないので表示されないのではないかと思います。

ビルダー6には無いビルダー13の機能(スタイリッシュエフェクト等)が干渉している可能性もあります。

フラッシュ関連のファイルがサーバーに正しくアップされているかどうか、
サーバーアップ後のHTMLソースがどうなっているかも踏まえたうえで、
確認してみてください。

QHPビルダー 画像が表示されない

拡張子はlpegで
半角英数のタイトルで、
ビルダーでの画面では画像表示できるのに
転送してみると
ばつ印でみれません
どうすればいいですか?

Aベストアンサー

まず「lpeg」じゃなくて「jpeg」では?

次に「ビルダーでは見えて転送後は見えない」件ですが、画像のファイル名に大文字を使っていませんか?
Windows系OSでは大文字小文字はどちらでもOKです。
しかし一般的なサーバはUnix系OSで、大文字小文字をきちんと判別します。よってHTMLファイル内に記述しているファイル名と、実ファイル名が異なると解釈されることがあるのです。
ご確認を。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング