ビルダー14でCssの編集がしたい（全くずぶの素人です）

質問

ビルダー14でCssの編集がしたい（全くずぶの素人です）
テンプレートをダウンロードしてきたのですが、ｃｓｓ？というもののようです。

サブページがセンタリングされていて困っています。

そこにオリジナル小説をコピーしたいのですが、別のサイトのテンプレが
プレビュー確認するとソース表示になったままです。
いっそ新規のページを作ってと思うのですが、そのままリンク可能なのでしょうか？
Cssの書き換えは必要ですか？
やり方を教えてください。お願いします。

やりたい事☆テンプレートのサブページに小説を掲載したい。又は新規でページ作成をする。
困っている事☆左端から文章がはじまらない。他所のところで作成したHTMLテキストが反映されない。
教えて欲しい事☆Cssの指示をどういじればよいのか？　テンプレではなく新規で作るなら注意すべき事と簡単にソースを教えて欲しいです。どちらが簡単に出来るのかさっぱり自分ではわからないです。

よろしくお願いします。

回答No.2

panto-maim · ベストアンサー

CSSエディタもしくはスタイルシートマネージャで変更が可能です。
問題は、どの部分にどういう設定がされているか、が重要になります。
「文字のレイアウト」の水平方向の配置で「左寄せ」を選択するか「指定なし」にすれば、文章が左端から始まりますが、
テンプレートによっては、それをやってしまうとサイト全体のデザインが崩れることがあります。
本文部分の設定がわかればそこを変えればいいと思いますが、
テンプレート作者が設定名称や設定をどのようにしているかわかりませんので割愛します。
（テンプレそのものがわかれば、「ここ直せば？」とアドバイスできるかもしれません。）

>別のサイトのテンプレがプレビュー確認するとソース表示になったままです。

状況がよくわかりません（”別のサイト”とは・・・？、プレビュー画面でそうなるのか、ブラウザのプレビューでそうなるのか）が、
プレビュー画面でHTMLソース表示のままの場合は、
コピペした内容、または、コピペの位置がおかしいのではないかと思います。

もし、何かのエディタで作成してその作成内容にHTMLソースが含まれているなら、
ページ編集画面にそのまま貼り付けるとプレビューではソース表示しか出ません。
ページ編集画面ではなくHTMLソース画面にて貼り付けてください。

>いっそ新規のページを作ってと思うのですが、そのままリンク可能なのでしょうか？

そのままのページでリンクすることは可能です。
但し、テンプレートのデザインは反映されません。

>テンプレではなく新規で作るなら注意すべき事と簡単にソースを教えて欲しいです。

テンプレートのトップページから始めたいのであれば、
ホームページビルダー14にて、
まずはテンプレートのトップページ（またはそれを元に作成したご自分のトップページ）を”サイト”として登録。
http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb1466
「サイトを開く」でそのサイトを開き、小説のページは「新規ページ」として作成します。
「新規ページ」ですから、背景画像やワンポイント画像などのデザインがご自分の好きなようにできます。
なぜ「サイトを開く」で始めるかというと、そのほうがリンクや画像表示などの失敗しにくいからです。
小説の文章は、何らかのエディタを使っているなら、
メモ帳などのシンプルなテキストエディタに文章のみ一度貼り付けておき、それをコピペでビルダーのページ編集画面にて貼り付けるのがいいです。

参考「外部からコピーし貼り付けした文章に、書式などを設定しても有効になりません」
http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb1116」

参考までに私の場合、
10年ぐらい前ですがオリジナル小説をWordで作成していてそれをHTML化する際は、
一度メモ帳を経由してから貼り付けました。

参考「テンプレートで作成したホームページに、サブページを追加したい」
http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb0311
新規にサブページを作成する方法　を参照。
既存のページを基調にサブページとして作成する方法　の場合、文章のセンタリングが残ってしまうことがあります。
CSSエディタでセンタリング設定を変更可能であれば、変更することでテンプレートそのまま使えます。

メモ帳等のテキストエディタで、一からソース記述で始めるとなると、
最初のうちは難しいです。（慣れて理解できるようになれば簡単かもしれません。）
参考
http://www.tagindex.com/hp_guide/index.html
http://www.asahi-net.or.jp/~sd5a-ucd/www/

最初から楽な方法を採るか（後で問題が起きた場合自分で対処しきれなくなることがあります）、
最初に苦労して何かあっても対処できるようになるか、
どちらを選ぶかは、貴方のお好きなようにどうぞ。

お礼

詳しくありがとうございました。

補足

回答ありがとうございます。ご指摘の通りエディタで作成したものをそのまま編集に貼り付けていました。
初めはメモ帳で作成していたのですが、やはり出来ばえに憂鬱になりビルダーに頼っています。
ご説明いただいたように勉強してみます。用語くらい理解できるくらいにならないといけないと思いました。

回答No.1

noname#119957

HTMLのheader部分にcssへのリンクが書かれているとおもいますので、そのファイルを開いて編集します。
こんなタグです。
<link href="css/class.css" media="screen" rel="stylesheet" type="text/css" />
ここでＣＳＳファイルは、cssフォルダのclass.cssというファイルです。

Cssの指示をどういじればよいのか？
>>それは、htmlとＣＳＳが解らないと誰にも回答できないです。

お礼

わかりやすくありがとうございました。

補足

回答ありがとうございます。きっとわかりやすく説明して下さっているのに理解が乏しくて、ごめんなさい。どこにもlink hrefがないのです。
ビルダーにファイルを表示させて文字だけ書き換えていくとトップページのプレビューが綺麗に表示されています。
ページを開いてみるとインラインフレームという場所に編集したものが表示されるしくみのようでした。
メタタグというものがあって
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<TITLE></TITLE>
<style type="text/css">
<!--
body {
と、こんな始まりでした。文字がセンタリングされているのはきっとセンターと書いてあるせいだと思います。たぶん・・・。せっかく綺麗にできあがって見えるのですが、やはり素人には無理がありますでしょうか。せめて文字を端から表示させたいです。