• ベストアンサー

ホームページビルダーの編集画面で外部CSSの設定が反映されない

フォントサイズや各種デザインなどを外部CSSファイルとして作成しましたが、 ホームページビルダー12の編集画面では、デザイン関連は反映されていますが、フォントサイズが反映されません。 しかし、ホームページビルダー12のプレビュー画面にすると、フォントサイズも正しく反映されるようです。 なぜ、編集画面ではCSSファイルで定義したフォントサイズが反映されないのでしょうか。 なお、通常のブラウザ(IE&Firefox)でもCSSファイルが正しく認識されて、フォントサイズも反映されています。

  • mmei
  • お礼率74% (120/161)
  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
回答No.1

>なぜ、編集画面ではCSSファイルで定義したフォントサイズが反映されないのでしょうか。 ソフト(ビルダー)特有の問題だと思いますので、IBMに問い合わせするのがよいと思います。 参考までに、 ビルダーの「ツール」→「オプション」→「表示」 タブ(v11以降の場合)の「フォントサイズ」の値を変更すると、 ページ編集画面のフォントサイズも変わります。 プレビュー(ブラウザでの表示も含む)で正しく反映されていれば、気にする必要はないと思います。 私もプレビューできちんと反映していれば「よし」としています。 ページ編集画面とプレビュー画面でフォントサイズの大きさが違って困るなら、 ページ編集画面のフォントサイズをCSSファイルで定義したサイズに変更してみるとどうでしょうか? 「ページ編集画面とプレビュー画面で文字の大きさが違って表示されるのを回避したい」 http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb0186

mmei
質問者

お礼

早々のご回答ありがとうございます。 編集画面と実際のプレビュー画面でのフォントが違うと、編集中の微妙な位置関係の調整が出来ないので困っていました。 教えていただいたサイトを参考にしてみましたが、 今回の問題は、特定サイトのみ編集とプレビュー画面のフォントサイズがずれている問題になっているために、編集全体のフォントサイズを変更すると、今度はいままで正しく表示されていたほうがずれてしまうようです。 CSSファイルの記載ミスに原因がありそうな気がしてきました。

関連するQ&A

  • ホームページビルダーV6で外部CSSのはなし。

    ホームページビルダーV6を使っています。 外部CSSを呼び出すタグでやっているんですが 例えばフォントサイズ10ptとか指定しても、プレビューすると全く 反映(?)されていないんです。 さらに、普通に入力したら反映されても、 表を作ってその中に文字をいれてプレビューすると CSSがきいてないんです。 web上でも同じです。 どうしてでしょう。

  • ホームページビルダーでの外部CSS

    ホームページ作成しています。 ど素人なりに頑張っていますが、内容が増えていくにつれ、だんだん動作が遅くなってきました。 そこで、最近「外部にスタイルシートを作る」ということを学びましたが、「div」あたりになると、さっぱり理解できず、結局「body」や「A」などのCSSを外部にするという段階にとどまっています。 もうすでに、レイアウトやデザインは決まっているので、今ある「manu」や「head」などを外部CSSに固定すれば、あとは記事を書くだけでページが作れると思うのですが…。 CSSのサイトはいろいろ拝見したのですが、レイアウトの段階になると、途中でわからなくなってしまいます。 ホームページビルダー付属のスタイルシートでは、デザインが合いません。そこで、素人にもわかりやすい、レイアウト枠としての外部CSS作成法をご指導ください。また、そのようなフリースタイルシートのソースなどがあればご紹介ください。 とにかく、外部CSSで、レイアウトを固定したいのです。 よろしくお願いいたします。

  • 外部CSSをサイトに反映させるには。

    よろしくお願いいたします。 今まではタグやページの<head>内に入れたcssで反映させてきましたが、CSSが多くなってきたので外部CSSにしようと思っています。 現在、HPビルダー9を使用しているのですが、 (1)新しいページのタグ画面に入力していけばいいのでしょうか? (2)ファイル名に[.css]を入れてサーバーにアップすればいいでしょうか?

  • ビルダーVer11 CSSの編集について

    ホームページビルダーVer.11のCSSの編集についての質問です。 ビルダーに限らず、CSS全般に言えることなのかもしれませんが、 CSSをビルダーにおいてHTMLのページをビジュアル的に編集するように できるのでしょうか? なぜこのような質問をしたのかというと、現在引き継がれたホームページに 新しくメニューにボタン項目を追加したいのですが、全てのページにいちいち ボタンを新しく挿入し、リンクを設定するのが大変面倒くさいです。 ホームページのデータには外部CSSが存在し、全てのページに適用できる形に なっておりました。 この場合、CSSを書き換えて新しいボタンを全てのページに追加することが できないのですか? また、この時CSSをビルダーVer.11で編集する際、タグではなくビジュアル化した 状態で編集することはできないのでしょうか? 分かりやすく簡単にCSSを編集する方法がビルダーVer.11にあるのでしょうか? 教えてください。よろしくお願いします。 またCSSに対する考え方が根本的に間違っていましたら、ご指摘お願いします。

  • 外部CSSがFireFoxで反映されません

    外部スタイルシートを使用しています。 ローカルでは、IE・FireFoxともCSSが反映されていますが、 サーバーにアップすると、firefoxでは全く反映されません。 一部が反映されない。という状況ではなく、全く読み込まれていない 状況です。 非常に疑問なのが、同じファイルをあるサーバーにアップしたデータはFireFoxで問題なくCSSが反映されていますが、本来アップすべきサーバーにアップすると反映されない状況です。 同じファイルをアップしていてもこのような事があるのでしょうか? 色々検索はしてみたもののサッパリ原因がつかめず困っています。 どなたか教えてください。 よろしくお願い致します。

    • ベストアンサー
    • CSS
  • ホームページビルダー10でDTIブログのテンプレートのデザインを変えたい

    ホームページビルダー10でDTIブログのテンプレートのデザインを変えたいのですが、うまくいきません。 DTIブログをビルダーの「URLからの取り込み」から取り込んで、ページ編集画面を開くと画面が崩れた?様に反映されますが プレビュー画面を開くときちんとブログの画面そのまま反映されています。 それは何故なんでしょうか? それと、ビルダーでブログのデザインを変えた後は、どのようにそのブログをビルダーからDTIブログに反映すればよろしいのでしょうか? 色々と調べてみましたがさっぱり分かりません。 どなたか教えていただけますか?

  • 外部CSSの一部が反映されません。

    ホームページビルダーとメモ帳でサイトを作っています。 外部スタイルシートを指定したのですが、一部分だけ反映されません。 反映されないのは下二行のテーブルへのclass指定です。 CSSは以下になります。 * { margin : 0 ; padding : 0 ; } body{ width :100% ;} body,table {font:normal 13px;} table {margin : 0 ; padding : 0 ;} #my_body { margin: 0 auto; width : 700px ; } #my_navigation { float : left ; width : 150px;} #my_contents { float : left ; width : 550px ;} #my_header { width : 100% ; height : 97px;} #my_footer { width : 100% ; clear : both;} /*リンク*/ A:HOVER{color : #006500;text-decoration : none;} A{color : #00a600;text-decoration : none;} /*指定テーブル内*/ table.a01{width:150;background-color:#cccccc;} html内には <TABLE class="a01"> のように記述しています。 試しにCSSの下一行以外の全ての記述を削除してみても反映されません。 tableでなく、tdで指定してみても反映されません。 ビルダーのページ指定画面では反映されるのですが、プレビュー画面や アップロード後のIE7やFierfoxで見ると反映されていません。 同じ記述をhtml内に<style type="text/css">で指定すると反映されます。 CSSに詳しい方いらっしゃいましたら、どうかよろしくお願い致します。

  • ホームページビルダーでCSSをアップできないので困ってます。

    ホームページビルダー6.5にてホームページをつくっております。今までは、ページ編集の部分に文字を打ち込んで使っていたのと、HTMLをコピー&ペーストしてつくっていました。 今回、友人にCSSを使ったソースにてサイトをきれいにしてもらったのですが、ホームページビルダー6.5にて更新することができません。初心者でソースの表示からHTMLソースのところにコピー&ペーストしたのですが、たぶんCSSの部分がうまく更新できずにプレビューがおかしく出ます。ちなみに友人はホームページビルダーを使ったことがないとのことで判らず、困っています。 どのようにすればホームページビルダーのHTMLソースからアップデートできるか、もしくは参照すればできそうなサイトなどありましたら教えて下さい。よろしくお願いいたします。

  • 外部CSSの読み込みがうまくできない

    <head>~ <link href="basic.css" rel="stylesheet" type="text/css"> ~</head> ↓basic.css body{font-size:80%;color:#4a4a4a;} a:link{color:#004a95;text-decoration:none;} a:visited{color:#950095;text-decoration:none;} a:hover{color:#ff80c0;text-decoration:none;} という感じで外部CSSを読み込んでいるのですが、 ブラウザのoperaやfirefoxだとbody{font-size:80%;color:#4a4a4a;}の所だけ反映されません。 IEだとその部分も反映されます。 cssファイルに修正箇所があるのでしょうか? それとも外部cssを読み込むhtmlファイルの方に追加して記述しなければいけないタグがあるのでしょうか?

    • ベストアンサー
    • CSS
  • ホームページビルダー18について

    こんにちは。 ホームページビルダー18(wordpress)を使ってHPを作ったのですが、編集画面ではフォントサイズが統一されているのに、公開されたサイトを見るとフォントサイズがバラバラになってしまいます。 改善方法がわかる方は宜しくお願いします。

専門家に質問してみよう