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

質問

ホームページビルダー６．５にてホームページをつくっております。今までは、ページ編集の部分に文字を打ち込んで使っていたのと、HTMLをコピー＆ペーストしてつくっていました。

今回、友人にCSSを使ったソースにてサイトをきれいにしてもらったのですが、ホームページビルダー６．５にて更新することができません。初心者でソースの表示からHTMLソースのところにコピー＆ペーストしたのですが、たぶんCSSの部分がうまく更新できずにプレビューがおかしく出ます。ちなみに友人はホームページビルダーを使ったことがないとのことで判らず、困っています。

どのようにすればホームページビルダーのHTMLソースからアップデートできるか、もしくは参照すればできそうなサイトなどありましたら教えて下さい。よろしくお願いいたします。

回答No.4

s_hukami · ベストアンサー

1)メニューバーの「書式」から「スタイル」を選択すると、スタイルシートマネージャーが表示されます。
2)スタイルシートマネージャーの上部の「追加」を選択すると「スタイルの設定」というダイアログが表示されます。
3)タグに指定したい場合には、「HTMLタグのスタイル設定」を選択し、タグ名を入力します。
4)フォント（フォントの種類や太さ・サイズ・下線など）、カラーと背景（文字色・背景色・背景画像など）、文字のレイアウト（文字揃えなど）、リスト（リストスタイルなど）、位置（positionなどで位置を指定する）、その他というタブがあるので、指定したいところを選択して、マウスでチェックを入れたりします。

注意事項はインライン（<DIV style="text-align:center;">テキスト</DIV>などの記述）では指定せず、例えばCSSに
.centering { text-align:center; }
などと記述して
<DIV class="centering">テキスト</DIV>
などと指定してください。
一部の文字列のみに指定したい場合は<SPAN class="クラス名">文字列</SPAN>などで指定した方が良いでしょう。

参考URLでスタイルシートの設定の仕方が記されています。
また、6.0以上のバージョンのビルダーならば、説明書にも使い方が書いてあります。

ただし、スクロールバーの指定や縦書きなどのIEでのみ適用される特殊なスタイルシートは、自分で記述する必要があります。
でも、慣れたら自分でテキストエディタ（なければメモ帳など）で記述した方が早いと思います。

以下のページに「スタイルシートマネージャー」のプロパティと値の一覧が掲載されていました。
[HPB MANIAX スタイルシートマネージャープロパティ覧]
http://www.hpbmaniax.net/property/

参考URL：

http://www.wsb.jp/hpb/css/top.htm

お礼

大変ご丁寧な説明ありがとうございました。無事対応本日できそうです。とても感謝いたしております。

回答No.3

s_hukami

表示がおかしくなるのはプレビューだけですか？
ブラウザで閲覧した場合はどうでしょうか。
一応6.0以降のバージョンでは非常に使いづらいですが、なんとかCSSの編集機能があったように思いますが、確か当時はCSS 1.0には対応していて、CSS 2.0には対応してなかったような気がします。
うろ覚えで自信は少々ありませんが。
なので、CSSの記述に2.0で定義されたものが含まれていたり、スクロールバーの色の指定などが含まれていた場合、おそらくビルダーのプレビュー機能では表示されないのではないかと思われます。
あと考えられる原因は、コピー＆ペーストした際に、何かの記述が欠けてしまっている、などです。
ブラウザ上では正しく、ビルダー上だけおかしいのなら、古いバージョンですし、諦めるしかないような気がします。

お礼

ありがとうございます。CSSへの記述についてまだ分からない状態で今必死に調べに行っております。

　また、バージョンについても懸念を考えてホームページビルダー９の体験版をダウンロードして同じことをやってみたのですがうまくいきませんでした。

　これからCSSの記述機能について調べに行こうと考えておりますが、もし使い方等ご教授いただけると幸いです。

回答No.2

gura_

>初心者でソースの表示からHTMLソースのところにコピー＆ペーストしたのですが、たぶんCSSの部分がうまく更新できずにプレビューがおかしく出ます。ちなみに友人はホームページビルダーを使ったことがないとのことで判らず、・・・

　「HTMLソース」の編集は、「メモ帳」のようなテキストエディタで編集するのと同じです。

　そのページをブラウザでみると、正常に見えるのに、ビルダーのプレビューでうまく見えないのでしたら、組み込まれたCSSに、ビルダーの理解できない「くせ」があるのだと思われます。

　ご自分で、スタイルシートについて勉強され、プレビューにあうように直すか↓
http://www.tohoho-web.com/css/index.htm

　「HTMLソースのところにコピー＆ペーストしたもの」の状況を説明して、ご友人に直してもらうのが良いと思います。

お礼

ありがとうございます。

＞「HTMLソース」の編集は、「メモ帳」のようなテキストエディタで編集するのと同じです。

　これは大変聞きたかったことでほっとしました。現在まだうまく更新できず、アドバイスいただいた通り、現状を友人に説明して見てもらってます。

回答No.1

if_else

<style type="text/css">
<!--
ここにCSSのソース
-->
</style>

上のようにしてください。
外部ファイルの場合は、

<link rel="stylesheet" href="***.css" type="text/css">

こんな感じです。

お礼

御回答ありがとうございます。現状お教えいただいた、形に修正できないかと手を入れていましたがうまくいかない状態です。たぶん対象をしっかり捉えられていない自分の知識不足だと思いますが。。。