フリーCSSテンプレートで文字が左に寄る現象について

このQ&Aのポイント
  • 海外のサイトからダウンロードしたフリーのCSSテンプレートをホームページビルダーで編集すると、デザイン全体が左に寄ってしまいます。
  • HTMLソースの編集や別のCSSテンプレートでも同様の現象が起きます。
  • CSSの知識が不足しているため、この現象の原因がわかりません。ホームページビルダーでは編集できないのでしょうか?
回答を見る
  • ベストアンサー

フリーのCSSテンプレートで編集したら全体が左に寄ってしまう。

海外のサイトからフリーで利用できるCSSテンプレートをダウンロードしてきて ホームページビルダー(13)で開き、サイト内の文字を変更してプレビューすると デザイン全体が左に寄ってしまいます。 ほんの少し(1文字)の変更でもこの現象が起き、 HTMLソースの編集画面で文字を入れ替えても同様です。 また、同じサイトから5つほどCSSテンプレートをダウンロードしてきましたが やはり同じ現象が起きます。 CSSの知識があまりないので、なぜこのような現象が起こっているのか不思議でなりません。 せっかく公開しているのだから使えないものではないと思うのですが・・・ 参考になるか分かりませんが、解凍したフォルダには  imageフォルダ  index.html  style.css  license.txt があります。 そもそもホームページビルダーでは編集出来ないのでしょうか?

  • CSS
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
  • bugtte
  • ベストアンサー率33% (24/71)
回答No.1

ウェブデザイナーです。 ホームページビルダーを持っていないので確実な事は言えませんが… >ホームページビルダー(13)で開き、サイト内の文字を変更して~ というのはhtml画面で文字を変更していますか? それともデザインを表示されている画面で変更していますか? 後者ならばビルダーのせいかもしれません。 htmlファイルにcssファイルを適用させる場合<head></head>の間に <link rel="stylesheet" href="○○○.css" type="text/css">という風に書きます。 ビルダーのデザイン画面で編集した際に、勝手に上記の記述を消してしまうとか… もう一つ考えられるのは「ビルダーのプレビュー画面で見ているから」です。 修正したhtmlファイルをインターネットエクスプローラーやFirefoxなど、ブラウザでみたら正常に表示されるかもしれません。 ドリームウィーバーもそうですが、プレビュー画面はあまりあてになりませんので…

seiji1980
質問者

お礼

プレビュー画面が当てにならないってこと自体知らなかったので勉強になりました! 一旦保存して、chromeで見てみるとちゃんと表示されました。 ちなみに、「<head></head>の間に~~」というご指摘は関係ないようでした。 ご回答ありがとうございました!

関連するQ&A

  • ホームページビルダーcssテンプレート編集について

    ・ホームページビルダー17でのccsテンプレートを利用しての編集について教えてください。 当方HP編集ど素人です。   ビルダー17に入っているcssテンプレートをほぼそのまま利用してサイトを作成しています。 テキスト等はテンプレートのまま文書を打ちかえて替えられたのですが、画像を追加してテンプレートにない位置に画像を入れたのですが、転送してみると画像が表示されません。 追加で画像を増やした分や、css素材のレイアウトコンテナーを利用して画像を挿入した部分などがダメです。ビルダー内で、プレビューするとしっかり表示されているのに、転送すると表示されません。 画像のファイル名は半角英数小文字にしていますがダメです。画像は転送後の状態です。 どなたか詳しい方で素人でもわかるように教えていただける方いらっしゃいましたら何卒ご回答よろしくお願いいたします。

  • テンプレートを・・・

    初めて質問します(。。) 今日、前から憧れを抱いていたホームページを作成するために 「ホームページビルダー11」というソフトを買い。 最初は「http://www.oswd.org/」にあるような、テンプレート を使ってみようと思いましたが、ビルダーで編集することができません↓ テンプレートをダウンロードしたあと、どのようにすればいいか、どなたか解る方どうか教えてください。 ちなみに、解凍後の「.html」ファイルを開き、そのタグをコピーしてそのまま貼り付けたり、cssエディタでcssのタグのようなものもコピペしましたが無理でした↓

  • フリーのホームページテンプレートを編集する際の質問です。

    フリーのホームページテンプレートを編集する際の質問です。 使用するソフト=ホームページビルダー14、 フリーのテンプレートをダウンロードして、デスクトップに置いたものを開いて編集したいのですが、まったく違い表示になってしまい、できません。 以前編集したことのあるテンプレートで試しても開けなくなってまいました。 以前はやはり最初開けなくて、何回かやってみて開けるようになり、編集もできたのですが・・・。 まとめると、 ・テンプレート自体を開く(解凍して、中のindex.htmlを見る)には問題なし。 ・そのindex.htmlをデスクトップにコピーして再度見ると、正しく表示できない(文字だけになり、レイアウトもぜんぜん違います。背景などもなし) ・ホームページビルダーの設定を。DOCUTYPEを読み込まないなどしてもダメです。 以前編集したことのあるテンプレートも上記のような状態で開けません。色々なテンプレートを開いてみましたが、全て上記と同じです。 デスクトップにコピーしただけでもすでに正しく表示できないのも分かりません。 どうぞよろしくお願いいたします。

  • 【再度】ホームページビルダー17css編集について

    再度、カテゴリー間違えにつき再度投稿させて頂きます。 ホームページビルダー17css編集について、 急な質問で申し訳ありませんが、ホームページビルダー17のフルCSSテンプレート編集についての質問です。ご回答可能な方いらっし ゃいましたらご回答お願いできますと幸いです。 当方ホームページ製作等については、ド素人です。 CSSやHTML等の知識はほとんど無いのですが早急にホームページを作成しなければならず、ホームページビルダー17を購入しフルCSSテンプレートを使用してホームページを作成しております。 イメージに近いテンプレートがありほぼそのままで作業を進めていますが、さすがに文字等もそのままという訳にはいかず、書き換えているのですが、 “リンクバナーボタンの部分のボタンの文字の変更” の仕方がわかりません。 表面上の変更の仕方は、ボタン上で右クリックしてビルダー内の画像編集ソフトで変更できますが、カーソルがボタン上にきた時、ボタン色が青からグレーに変化した時のグレーの部分の文字の変更の仕方がわかりません。 添付画像のグレーになっているのはカーソルがボタン上にきている状態です。 青色のボタンはカーソルがきていない場合で、この部分は、右クリックでビルダーの編集ソフトにいきそこで編集可能ですが、 カーソルが上部にきた時のボタン色がグレーになった時、テンプレートのままの文字が残ってしまい、青のボタンで変更した文字に反映されず、ビルダー内の編集ソフトでもグレーに変更されている部分の編集をどこでやったらいいかわかりません。 所詮テンプレートなのでそこまでできないと言われてしまえばそれまでですが、文字くらいはなんとかかえたいと思って、サポートにも問い合わせてみましたが「対象外。」との事であえなく撃沈です。 長々とした質問で大変恐れ入りますが、どなたか教えて頂ける方いらっしゃったら何とぞよろしくお願いします。

  • ホームページビルダーV8で、テンプレートを使用したい

    “テンプレートをダウンロードする”というのは、 要するに、どういうことを意味するのでしょうか? 私の解釈: デザインを入手する。 それを編集ソフトで文字や写真などを入れ替え、 オリジナルなものに仕上げられる。 テンプレートそのものの配色などを変えることで、 同じテンプレート使用サイトと差別化を図ることもできる。 デザインから考える必要がない分、初心者に便利。 しかし、HTMLやCSS初心者にとっては、逆に難しいということを知りました。 参考:http://oshiete1.goo.ne.jp/qa4190919.html 今、私が考えているようにホームページビルダーV8で、 海外のフリーサイトからダウンロードしたテンプレートを使用する場合、 いったいどのようなことが、難しくなっていくのでしょうか? たしかに、ダウンロードしたページをビルダーで見ると、 プレビュー画面ではきちんと表示されていましたが、 編集画面ではかなりずれたり重なったりしていました。 そういう点でしょうか? アドバイス、どうぞよろしくお願いします。

  • CSSテンプレートに白紙から作ったページを追加する

    ホームページビルダー17でホームページを作り始めました。 CSSテンプレートも分かりづらかったので、白紙から数ページ作ったのですが、 フレームを使うとプレビューが幅広になったり、こちらもよくわからないので、 もう一度CSSテンプレートで作り始めてます。 白紙から作ったページを現在のCSSテンプレートのページに別ページとして追加したいのですが、 どうすればよいのでしょうか? またサイトはジャストシステムサービスを使うか、ムームードメインとロリポップの組み合わせにするか どっちがよいのかも教えていただければと思います。 素人なもので複雑な設定は難しいと思います。どうぞよろしくお願いいたします。

  • CSSのテンプレート

    HPを作ろうと思い、無料で配布されているCSSを使ったHPテンプレートを使いたいと思っています。しかし、全く正常に表示されずに困っています。 手順もファイルをダウンロードして解凍し、HTMLファイル(index.htmlなど)をブラウザで開いて、HTMLソースを表示し、それをそのままコピーペーストしています。しかし、HPに表示されるのは白の背景に文字だけで構成されたものになり、全くデザインされていないHPに仕上がります…。色々なサイトで配布されているCSSのテンプレートを同じ方法でトライしてみましたが結果は同じでした。 CSSのことで色々と調べてみましたが納得の行く回答を見つけることができずに困っています…。どうしたらきちんと表示されるようになるのでしょうか?どなたか教えてください。よろしくお願いします。

  • HPビルダーでの無料テンプレートの保存

    似たような質問があったのですが私の疑問が解決しなかったので教えて下さい。 ホームページビルダー8でHPを作成しています。 この度無料テンプレートをダウンロードし、使う事にしました。 ダウンロードも解凍も滞りなく出来、編集もビルダーでしたのですが その後保存する時に「サイト外保存」になってしまいます。 保存先をサイトのフォルダに変えてみたりしてリンクを貼ってみましたがウェブ上で表示されませんでした。 サイトのフォルダはマイドキュメントの中にあります。 何がよくないのでしょうか? 教えて下さい。

  • ホームページのテンプレートを二種類使いたいときstyle.cssはどうアップしたら?

    ホームページビルダー10とFFFTPを使用しています。 初心者なのですが、先日フリーでダウンロードしたテンプレートの 使い方をようやく少しわかり、初めてテンプレートを使って 自分のサイトのTOPページを変えてみました。 それでTOPが変わったので、他のページもテンプレートを使いたいのですが、別のテンプレートをダウンロードして使いたいのです。 その場合、ビルダーで編集はできても、サーバにアップするときに、 style.cssはTOPで使ってるstyle.cssファイルがアップされてしまっているので、新しいテンプレのファイルをアップすることができません(上書きされてしまう) なので、TOP以外のほかのページはデザインが崩れてしまい正しくテンプレの表示ができません。 こういった場合どうしたらいいでしょうか? 複数の種類のstyle.cssをサーバにアップする方法があれば教えてください。 もしくは他の方法でしかできないのであれば教えていただけれると嬉しいです。よろしくお願いいたします。

  • ホームページビルダー15のフルCSSテンプレート

    今現在、ホームページビルダー9を標準で使っていますが、新しくホームページビルダー15のフルCSSプロフェッショナルテンプレートでホームページを作成したいのですが、今現在のホームページをフルCSSプロフェッショナルテンプレートにダイレクトに張り付ける方法とかあるのでしょうか?それともまた一から作り直さなければいけないのでしょうか?できれば今現在のホームページを生かした状態でフルCSSプロフェッショナルテンプレートを使って作成したいのですが。いろいろやってみたのですが、できませんでしたよろしくお願いします。

    • ベストアンサー
    • CSS

専門家に質問してみよう