作ったHPのソースを開くと、延々と右側に伸びていることがあります。好みの位置で改行しても、開きなおすとその改行が適用されていません。
 そのため、スタイルシートなどで一度にたくさんの指定をするとかなり見づらいソースになってしまいます。
 が、他のHPを見てもそんなことがありません。どうやったらきれいに表示できるでしょうか?

 主にNetscapeComposerでHPを編集しています。簡単なところはメモ帳で、NetscapeCommunicatorで対応していない細かいところはNetscape6.1のComposerでさわっています。

A 回答 (1件)

> 好みの位置で改行しても、開きなおすとその改行が適用されていません。



上書き保存し、他のエディタ(テキストエディタではなくHTML用のエディタ)で
開かなければそのようなことにはならないはずです。

> そのため、スタイルシートなどで一度にたくさんの指定をすると
> かなり見づらいソースになってしまいます。

スタイルシートを別ファイルにすればこの点は解決します。
STYLEタグ間(STYLEタグは含まない)のスタイルシートの部分だけを
別ファイル(例:style.css)で保存し、
<LINK rel="stylesheet" type="text/css" href="./style.css">
で呼び出します。
    • good
    • 0
この回答へのお礼

 回答ありがとうございます。
 上書き保存し、同じバージョンのcomposerで開きなおすと元通りぐちゃぐちゃになっています。
 スタイルシートだけなら仰る方法でよいのですが、その他でも同じです。たとえばテーブルを作るとテーブル一つ分のタグがずっと右に並んでいたりします。
 composerはバージョン2つで設定できることがかなり違うのですが、どちらを見てもタグの改行については見当たりません。見落としたのかもしれませんが・・・。
 回答ありがとうございました。
 

お礼日時:2001/12/27 10:55

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

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

QHPを作りましたが、WEB上で開いてくる時、一度にページ全体がパッと開かず、、

HPを作りましたが、WEB上で開いてくる時、一度にページ全体がパッと開かず、部分的に先に、白い枠の形(インラインフレーム部分とか、、、)が出たり、部分的に、一部のページ内に使われている文字が、ポツンと先に出たりします、、こんな風になるのは、やはり、ページに重いなど、無理なことを課しているからでしょうか?また、解決策はあるのでしょうか?

Aベストアンサー

一番最初に読み込まれるのは一番軽いものです。しかもボディーに記述してあるもの、TABLEとかLAYERの中はTABLEとかの読み込みが完了しない限りでてきません。
とりあえず、パッとみせたいんですよね?javascriptでnowloadingを表示させて、ページの最後まで(</html>になるのかな)読み込み終わったら表示させる方法をとればパッと出てきます。ただ、重いページだと、細い回線で重いフラッシュをDLしてるのと同じイライラです。nowloadingが長すぎると固まったかと思うし、
そんな重くないならいいですけど、(8秒ルールで行ってみましょう)やっぱ徐々に読み込まれたほうが「あ、やってるな」てかんじです。
ん~しょうがないんじゃないですか。
あと、画像の先読みとかはscriptでできますよ、。。

Qfirefoxで、ソースを改行すると空きができる件

現在Dreamweaverでサイトを制作中です。
ソースを整えるために時折「ソースフォーマットの適用」しながら制作しているのですが、
ソースフォーマットの適用をすると、

1 <img~><img~><object~>

と一行で書いているソースが

1 <img~><img~>
2 <object~>

といった形に改行されて表示されいます。

ie7で確認したところ、上記のように整形されても、それぞれの間に余白等は出来ず、問題なかったのですが、
firefoxで確認したところ、それぞれ改行されたタグとタグの間に少し隙間が出来ます。
(画像オブジェクト ではなく 画像 オブジェクト といったように半角スペースくらいの隙間ができます。)

このような場合、どう対処するのがいいのでしょうか?

ソースフォーマットはたびたび適用させるので、適用させる度に改行を消して1行にするのも大変かなと思い、css等で余白を調整できればいいのですが、色々試してみてもどうやら改行をなくさないとfirefoxでは少し余白が出来てしまうようで、困っています。

何かアドバイス頂けましたら助かります。よろしくお願いします。

現在Dreamweaverでサイトを制作中です。
ソースを整えるために時折「ソースフォーマットの適用」しながら制作しているのですが、
ソースフォーマットの適用をすると、

1 <img~><img~><object~>

と一行で書いているソースが

1 <img~><img~>
2 <object~>

といった形に改行されて表示されいます。

ie7で確認したところ、上記のように整形されても、それぞれの間に余白等は出来ず、問題なかったのですが、
firefoxで確認したところ、それぞれ改行されたタグとタグの間に少し隙間が出来ます。
(...続きを読む

Aベストアンサー

IEは、しばしばウェブ標準に反する挙動をするので誤解しますが、

【引用】____________ここから
ここで、ソース文書中で語間に空白類が複数連なっている場合、PRE要素を除いて、レンダリング結果の語間スペース調整は全く異なるものになるという点に注意されたい。 特にユーザエージェントは、語間スペースの出力処理に際しては、連続する空白類の入力があった場合は1つにまとめてしまう必要がある。 これは、lang属性やHTTP "Content-Language"ヘッダフィールド([RFC2616]の14.12参照)、ユーザの設定、等による言語情報が存在しない場合であっても、可能かつ必要な動作である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[9.1 空白類( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/text.html#h-9.1 )]より

 ということで、これは正統な処理です。IEが間違っている。<img><object>も共にインライン要素ですから、そうでなければまずいです。これは、次のような例を考えるとわかるでしょう。
<p>
 my name is
 ORUKA1951.
</p>
 というソースを表示したとき、my name isOROKA1951.じゃまずい!!

 基本的にひとつの段落ないしブロックに入るべきものですから
<p>
 <img><img><img>
</p>
 となるべきです。それでも消したい場合は
<p>
 <img><!--
--><img><!--
--><img>
<p>
とか、
<p>
 <img
 ><img
 ><img>
<p>
とか・・
<p class="imageLine">
 <img>
 <img>
 <img>
<p>
として
p{clear:left;}
p.imageLine img{
 float:left;
}
あるいは、
p.imageLine {
display:table-cell;
*display:inline; /* IE */
*zoom:1;/* IE */
}

いずれにしても、文法的には、<img><img>が正しいです。私はそもそもそのような画像の並べ方はしません。そうしなければならないと言うことは、必ず文法や文書構造上の問題があります。(画像を読み込まないユーザーエージェントで代替テキストを表示させて意味が通じますか?)

 実際には、あなたの<img><object>が文書構成上、どのようにマークアップすべきかがわかりませんので、具体的な対策は示せませんが、画像を敷き詰めるなら、スタイルシートでfloatを使うなり、display:block;にするなり・・もあるでしよう。

IEは、しばしばウェブ標準に反する挙動をするので誤解しますが、

【引用】____________ここから
ここで、ソース文書中で語間に空白類が複数連なっている場合、PRE要素を除いて、レンダリング結果の語間スペース調整は全く異なるものになるという点に注意されたい。 特にユーザエージェントは、語間スペースの出力処理に際しては、連続する空白類の入力があった場合は1つにまとめてしまう必要がある。 これは、lang属性やHTTP "Content-Language"ヘッダフィールド([RFC2616]の14.12参照)、ユーザの設...続きを読む

Qすべての改行(改行コード)を削除したい

あるHTMLがあるのですが、DW8のソースフォーマットを適用してもきれいになりません。そこで、テキストエディタを使用して改行(改行コード)を削除したいのですが、そのようなことはできるでしょうか。

もちろん、テキストエディタ以外に簡単な方法があれば何でもかまいません。

よろしくお願いします。

Aベストアンサー

高機能なテキストエディタなら、正規表現の[\n]で改行コードをあらわせますので、置換後の文字列に何も入植しないで置換を行えばできます。

Q改行したくないのに改行されてしまう

http://www.serpress.co.jp/hp/no004.html
を参考に、

<html lang="ja">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type"
content="text/css">
<title>タイトルを記述します。</title>
</head>
<body>
<a name="1段落目">
●1段落目
</a>
<Div Align="right">
<A href="#1段落目">

</a>
</Div>
<Div Align="right">
<A href="#2段落目">

</a>
</Div>
<a name="2段落目">
●2段落目
</a>
</body>
</html>
-------------------------------
と言うソースを書くと、
---------
●1段落目
     ▲
     ▼
●2段落目
---------
となってしまいます。

私としては、
---------
●1段落目
   ▲ ▼
●2段落目
---------
としたいのですが、
どうすればいいでしょう?

<A href="#1段落目">

</a>
</Div>
<Div Align="right">
<A href="#2段落目">

の間に、<Br>ははいってないのに
なぜ勝手に改行されてしまうのでしょうか?

添付画像は現状です。ご回答よろしくお願いします。

http://www.serpress.co.jp/hp/no004.html
を参考に、

<html lang="ja">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type"
content="text/css">
<title>タイトルを記述します。</title>
</head>
<body>
<a name="1段落目">
●1段落目
</a>
<Div Align="right">
<A href="#1段落目">

</a>
</Div>
<Div Align="right">
<A href="#2段落目">

</a>
</Div>
<a name="2段落目">
●2段落目
</a>
</body>
</html>
--------------------...続きを読む

Aベストアンサー

一度、通しでよいので仕様書を読んでおくこと。これはこれからウェブサイトを構築しようとしたときの必須です。
HTML 4.01仕様書(邦訳) ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )

 HTMLとは、Hyper Text Markup Languageの略で、文書をそれを構成する要素に分解して、それぞれの要素が何であるかをタグを使ってマークアップするメタ言語です。

 その要素には、<h1>見出し</h2>、<p>段落</p>のようなブロック要素と、そのブロック要素に含まれるブロック要素や、<img>や<strong>重要</strong>とかの行内要素があります。ブロック要素は、その前後でマージンをとってその前後と分けられるものですが、行内要素は次の段落が来るまで改行されず折り返して配置されます。
→7.5.3 ブロックレベル要素と行内要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.3 )

 この場合
<body>
<a name="1段落目">●1段落目</a>
<!-- ありえません。a要素は行内要素ですからbody要素には入れられません!!!-->
<Div Align="right">
<A href="#1段落目">▲</a>
</Div>
<!-- divは汎用ブロック要素ですから、必ず前後に余白をとって改行されます。-->
<Div Align="right"><A href="#2段落目">▼</a>
</Div>
<!-- alignは非推奨です。はっきり言うと使うなということ -->
<a name="2段落目">●2段落目</a>
<!-- 行内要素ですから、ここには書けません。-->
</body>
</html>

body部分のみだと・・
<body>
 <p><a name="">●一段目</a></p>
 <p><a href="#1段落目">▲</a> <a href="#2段落目">▼</a></p>
 <p><a name="2段落目">●2段落目</a></p>
</body>

正式には、
<body>
 <div class="header" id="TOP">
  <h1>見出し</h1>
  <p>・・・・</p>
 </div>
 <div class="section" id="section1">
  <h2>本文見出し</h2>
  <p>・・・・・・・・・・・・・</p>
  <p>・・・・・・・・・・・・・</p>
  <p><a href="#TOP">TOP</a> | <a href="#section1">本文</a> | <a href="#documentInfo">文書情報</a>
 </div>
 <div class="footer">
  <h2 id="documentInfo">文書情報</h2>
 </div>
</body>
とか、ですかね。class名は文書構造を示すものを??
→DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )

 最初に
★はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
 などで実例を元に勉強してください。
 そして仕様書だけは一通り読んでおくこと。とても大事なことが書かれています。全部覚えておく必要はありませんが、必要なときに調べられるよう
★HTML 4.01仕様書(邦訳) ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )

 参考にされている資料がとても古いもの(あるいは間違っている)のようです。alignなんて使うなと・・
→HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )
 これが1999年です。次期HTML5では、alignなどは完全に使えなくなります。

★デザインはスタイルシートで行います。
→HTMLにおける制限されたプレゼンテーション機構に取ってかわる。スタイルシートでは、行間の設定やインデントの設定、テキスト色や背景色、フォントのサイズとスタイル、その他様々なプロパティの設定が簡単にできる。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )

 あせったらダメです。引き返すのが大変な袋小路に踏み込んでしまいますよ。

一度、通しでよいので仕様書を読んでおくこと。これはこれからウェブサイトを構築しようとしたときの必須です。
HTML 4.01仕様書(邦訳) ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )

 HTMLとは、Hyper Text Markup Languageの略で、文書をそれを構成する要素に分解して、それぞれの要素が何であるかをタグを使ってマークアップするメタ言語です。

 その要素には、<h1>見出し</h2>、<p>段落</p>のようなブロック要素と、そのブロック要素に含まれるブロック要素や、<img>や<strong>重...続きを読む

QHPのソースが見れない。

私は、パソコン初心者です。
今、他の人のホームページを参考にして自分のも作ってみようと思っています。

そこで問題なのですが、右クリック→ソースの表示をしても
ソースが表示されません。

友人のパソコンではできたので設定の問題だとおもうのですが・・・
回答お願い致します。

OSは、WinXpでIEは、Ver6.0です。

Aベストアンサー

No.2さんの操作と同じなのですが、改善されないようであれば下記の方法をお試しください。

[ツール]→[インターネットオプション]で
インターネット一時ファイルの[ファイルの削除]ボタンを押し、
□すべてのオフラインコンテンツを削除する
をチェックしして[OK]ボタンを押します。
インターネットオプションウィンドウの[OK]ボタンを押します。


人気Q&Aランキング

おすすめ情報