• ベストアンサー

メモ帳でデータが消えるのですが・・・

メモ帳を使ってべたでhtmlを書いていますが、テキストファイルの内容が一部、特にテーブルが消えてしまうのですが、どうしてでしょうか？ ファイル（Ｆ） ↓ 上書き保存 ↓ 名前を付けて保存 ↓ 拡張子をhtmlにして ↓ 全てのファイルにし ↓ 保存 とやっていますが、消えています。FFFTPでアップロードしていて、ホストで見ると正常にＨＰは表示されていますし、自分のＰＣでもhtmlファイルは正常なのに、テキストファイルのデータは消えています。こんな訳で、htmlファイルの「表示」→「ページのソース」から コピーアンドペーストをしてオバカなことをやっています。 1.htmlをべたで書くのに良いテキストエディターはありますか？ 2.スペースの調整がうまく行きません。制作中のサイト↓にあるindexフレームのindexから1.目的までがスペースの空きすぎなので狭くしたいのと、index 3と5 のコンテンツのテーブルの標題：２５分割投資法<caption>の次にスペースを入れたいのですが、どうすればいいでしょうか？ 3.この程度のスキルですが、スタイルシート等を勉強するべきでしょうか？勉強するなら基礎的なことからキチンとやりたいと考えています。 4.お奨めの本やサイトをご存知でしたら教えてください。できれば、本は見開き２ページで一つの項目になっていて、辞書的にも使える索引の充実しているのが良いです。あれもこれもというより、基礎的な重要なことだけで、薄い本が良いです(^。^)また、特別綺麗なサイトや凝ったものを作るつもりはなく、コンテンツ重視です。 データが消えてしまったテキストファイル↓ ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ <html> <head> <title>The Hazure & Pass</title> </head> <center> <body bgcolor="lightcyan" background="kabegami_lightblue.gif"> <caption>2007ダービー本音度チェック</caption> <tr> <th>馬番</th> <th>馬名</th> <th>◎</th> <th>○</th> <th>▲</th> <th>☆</th> <th>△</th> </tr> <tr> <td align="center">1</td> <td align="center">タスカータソルテ</td> <td align="center">　</td> <td align="center">　</td> <td align="center">　</td> <td align="center">　</td> <td align="center">1</td> </tr> </body> </html> ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ 5.このサイトと当方のスキルレベルについてコメントがありましたら、遠慮無く、手厳しいものでも何でもいいのでアドバイス等をいただければ嬉しいです。 以上、宜しくお願い致します。

  • HTML
  • 回答数3
  • ありがとう数1

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

  • ベストアンサー
  • 15baby
  • ベストアンサー率28% (57/202)
回答No.2

内容の一部が消えてしまうのはタグの書き方が間違えている可能性アリ <table></table>テーブル宣言を忘れているなど。 上書き保存の方法を間違えている可能性アリ。 保存は、テキストtxtの拡張子ファイルと htmlの拡張子ファイルを保存していると考えてよいのでしょうか？ ミスを推測・・・ メモ帳txt名前を付けて保存⇒1回目の編集後、 上書き保存⇒名前を付けて保存[拡張子をhtmlに変換]⇒ 同じメモ帳で2回目の編集後、上書き保存⇒ 名前を付けて保存[拡張子をhtmlに変換] その結果、htmlには反映されているが、 txt拡張子のファイルの一部は2回目の編集した物が保存されていない。 1度、拡張子を変えて[名前を付けて保存]にした場合、同じメモ帳での 上書きにはhtmlの内容を上書きするようになるので、 txt拡張子のテキストファイルには、反映されません。 メモ帳で編集する場合、 html拡張子のファイルを保存し、編集する時には ファイルを表示する前に右クリックで　編集(E)　を選ぶと テキストファイルで表示されます。　編集後、上書き保存をすると htmlファイルに反映されそのままアップデートできます。 1. HP作成用のフリーものはありますが・・・ http://www.forest.impress.co.jp/lib/inet/homepage/htmleditor/ 2.<pre>index<ol>スペースを空けなければ少しはましになります。 3.<caption align="left"> キャプションは指定しなければ中心に表示されます。左に指定すれば 右側にスペースはできますが・・・ １つのセルとして指定した方が理想の位置になる気もします。 余白スペースタグ⇒&nbsp;　(半角スペース) 4.検索で自分自身が見やすいサイトを見つけるのが1番早いかと。 HTMLタグ　HP作成　など検索してみては？ http://siriasu.s10.xrea.com/ 5.空白スペースが多い。編集する時には見やすくて便利なのですが、 HPの容量が重たくなる原因の1つです。

breeze04
質問者

補足

回答をありがとうございます。御陰様で、わかりました。以下のような理解でいいでしょうか？ 「上書き保存」と言うのは２回目以降は、前回保存した拡張子と同じ拡張子で保存されるということですか？ 一回目はファイル名を付けて保存で.txtで保存、２回目は.htmlで保存したため、３回目の上書き保存は.htmlで保存することになるのですね。 ３回目は２つ目のファイルと言う認識でやっているから、.txtで保存すると勝手に考えていました。人間には２回目でもＰＣに言わせれば、３回目で、前回は.htmlで保存しているから、上書き保存は.htmlですね。 15babyさんの推測通りです。古畑任三郎も真っ青の推理ですね。ありがとうございました。 indexのスペースの件もお蔭様で解決しました。標題と表の間の上下のスペースについては奮闘中です。

その他の回答 (2)

  • metis
  • ベストアンサー率52% (86/165)
回答No.3

解決しているのもありますので、抜粋して色々と。 １．数多く有りますが、私が今使っているのは以下の２つです。 To Editor for HTML http://www.oshiba.info/software/ Crescent Eve http://www.kashim.com/eve/ 他にも、EmEditorなどを使っていた時期も有りますね。 http://www.vector.co.jp/vpack/filearea/win/net/htmledit/ ここにいっぱいありますので探して見ては。 教えて！gooの過去の質問にも参考になる物があります。 どれが良いか、は一概には言えません。 何の機能が必要で何の機能が不要かは人によって違いますからね。 ２．キャプションと表の間は、スタイルシートで指定出来ます。 例えばCSSなら、<caption style="padding-bottom:40em;">などとすれば、出来ると思います。 (emというのは、その時のフォントサイズの値を1とする単位です。px等使っても構いませんが…。) ３．やっておいた方が良いと思います。 CSSを覚えるだけでも出来る事が増えますし、寧ろそちらが推奨されています。 例えば良く使われるfontタグ、実はHTMLではなくスタイルシートでの指定が推奨されていたりしますし。 （その他、見た目に関する物はほぼスタイルシートでの指定が推奨されています） ５．タグの役割を理解してしっかり配置してあげましょう。 例えば、質問文のソースであれば、<table>がなかったり、<center>が必要なかったり。 他にも<h?>(?:数字)は見出しなので強調したい所はem,strongを使ったり。 何故こう注意するかと言えば、閲覧者の環境がそれぞれ違うからです。 <h?>についても、ブラウザによっては大きい文字にならないかもしれません。 他にも、閲覧者自身の理由もあるでしょう。（目が悪いとか。文字の大きさだけでなく、色の関係も有ります） （最悪、スタイルシートを切ってやれば、味気なくても読めるものにはなりますからね）

breeze04
質問者

お礼

ありがとうございました。長年の疑問が解けました(^。^)

  • outbrave
  • ベストアンサー率60% (231/380)
回答No.1

テキストファイルの内容が一部消えるとは、考えられないので 原因としては、ファイルの保存場所を勘違いしているかアップロードするファイルを間違っているとか。 通し番号とか作成時間を表示するようにして、アップロードして確認されたらいかがですか。 >indexフレームのindexから1.目的までがスペースの空きすぎなので狭くしたい PRE は、改行もそのまま表示されるので、改行しないように記述してみてください。 >index 3と5 のコンテンツのテーブルの標題：２５分割投資法<caption>の次にスペースを入れたいのですが、どうすればいいでしょうか スペースとは改行のことですか？それとも右側？ テキストエディターは、好みとかスキルも関係するので、いくつか試してみないとわかりません。 スタイルシート等を勉強するかは、おすすめしますがご自由にといったところです。

breeze04
質問者

補足

回答をありがとうございます。「２５分割投資法」の文字と表の間にスペースを入れたいのですが、全角スペースを入れても変化なしです。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 楽天ブログで表を書いたら上部の余白が消せません。

    ホームページからコピーして文字位置を変えただけなのに、上部に余白が出来てしまい、消そうとしてｂｏｄｙタグを使ったら使用禁止で使えません。 どこが悪いのでしょうか？ ＜コピーして自分で書いたもの＞ <center> <table border=1> <tr> <th>●●●</th> <th>●●●</th> <th>●●●</th> <th>●●●</th> </tr> <tr> <td align=center>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> </tr> <tr> <td align=center>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> </tr> <tr> <td align=center>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> </tr> </table></center>

  • ＣＳＶファイルより自動でＨＴＭＬ形式で表示したい。

    ＣＳＶファイルより自動でＨＴＭＬ形式で表示したいのです。 たとえば、csv　ファイルの中身が、 room.csv 部屋名,温度,湿度,料金 101,23.5,40,15000 102,23.2,40,16000 103,23.0,40,17000 104,23.4,40,19000 となっているとします。 room.htmlでもroom.cgi 等で表示させ ブラウザのソースを見たときには、 <table border=4 width=250 align=center> <tr bgcolor="#cccccc"> <th>部屋名</th> <th>温度</th> <th>湿度</th> <th>料金</th> </tr> <tr align=center> <td>101</td> <td>23.5</td> <td>40</td> <td>15000</td> </tr> <tr align=center> <td>102</td> <td>23.2</td> <td>40</td> <td>16000</td> </tr> <tr align=center> <td>103</td> <td>23.0</td> <td>40</td> <td>17000</td> </tr> <tr align=center> <td>104</td> <td>23.4</td> <td>40</td> <td>19000</td> </tr> </table> のように、したいのですが、 可能でしょうか？ ｐｅｒｌ等のプログラムの知識は、ほとんどありません。 作ってあるものをアップロードして動くようにすることは、出来ます。

  • 不要な余白を削除する方法を教えてください。

    超初心者です。企業のホームページ担当になってしまい、毎日頭から煙を出しながら仕事をしています。txtに下記のようなタグを打ち、ｕｐしてみたところ、表題<h1>～</h1>と表の間に変な余白ができてしまいました。どのようにすればこの余白が消えるのでしょう？ 全くの初心者が本を読み読み、またこちらでヒントを頂きながら仕事を進めていますが、度々壁にぶつかっています。 あまりにも初歩的な質問かもしれませんが、どうぞ教えてください。 よろしくお願いいたします。 <h1>○○リーグで活躍！応援に行こう</h1> <table border="1" width="600"><tr bgcolor="#eeeeee" height="0" height="0"> <th align="center">日　程</th> <th align="center">開始時刻</th> <th align="center">対戦相手</th> <th align="center">球　場</th> <th align="center">結　果</th> </tr> <tr> <td align="center">○月○日（○）</td> <td align="center">１３：００～</td> <td>○○株式会社</td> <td>△球場</td> <td>○○ 9 - 6 ■■</td> </tr> </table>

    • ベストアンサー
    • HTML
  • テーブルタグについて

    過去ログにもあったのですが理解できずに再びです。すいません。 表とタイトル（文章の頭）との距離がかなり離れてしまうんです。 クリックするとその間には一本のラインが入っています。（左側） 改行に関するミスなんでしょうか？ 間違っている部分を教えてください。よろしくお願いいたします。 <table border=10 units=pixels width=85% height=100> <tr> <th>１</th> <th>２</th> <th>３</th> <th>４</th> <th>５</th> <th>６</th> <th>７</th> <th>８</th> </tr> <tr> <td align=center valigh=middle>Ａ</td> <td align=center valigh=middle>Ｂ</td> <td align=center valigh=middle>Ｃ</td> <td align=center valigh=middle>Ｄ</td> <td align=center valigh=middle>Ｅ</td> <td align=center valigh=middle>Ｆ</td> <td align=center valigh=middle>Ｇ</td> <td align=center valigh=middle>Ｈ</td> </tr>

  • 文字を中央に寄せる

    <HTML> <HEAD> <TITLE>メンバー表</TITLE> <STYLE TYPE="text/css"> <!-- TR｛text-align:center;｝ TH｛text-align:center;｝ TD｛text-align:center;｝ --> </STYLE> </HEAD> <BODY> <TABLE BORDER=1 ALIGN=CENTER> <TR><TH ROWSPAN=3>ここには画像</TH><TH>名前</TH><TH>称号</TH><TH>レベル</TH><TH>タイプ</TH><TH>AC</TH></TR> <TR><TD>竜千士　翔</TD><TD>見習い魔導士</TD><TD>45</TD><TD>con18,wis18</TD><TD>43</TD></TR> <TR><TD>コメント</TD><TD COLSPAN=4>v(￣Д￣)v イエーイ </TD></TR> </TABLE> </BODY> 上記のようにスタイルシートで文字を中央に寄せようとしたのですがどうしてもできません。 htmlタグでやるとできたのですが・・・ どこが間違っているのかどうかご教授お願いいたいします。 ちなみに使っているブラウザはIEでバージョンは６ です

    • ベストアンサー
    • HTML
  • HTMLでテーブルを縦に並べたい！

    基本的な質問でお恥ずかしいのですが、困っています。 テーブルを二つ、縦に並べたいのですが、何故か横に並んでしまいます。 どこが悪いのでしょうか？初心者ですみません…お知恵をお貸しください(T_T)。 <caption><font color="#ff0000">●</font>A <font color="#0000ff">●</font>B</font></caption> <table bgcolor="#80ffff" border="1"cellspacing="0" bordercolor="#0000ff" align="left"> <tr><th width="30"><font size="+5"><font color="#ff0000">●</font></th> <th width="150"> <font size="+4"><strong><big>C</big></strong></font></th> <td><font size="+2">D<br>E</font></td></tr> <tr><td></td><td><div align="center"> <font size="4" color="#8080ff"> 準備中</font></div></td><td></td></tr></table> </p></div> <p></p> <table align="center" bgcolor="#80ffff" height="20" width="250" border="1" cellspacing="2" cellpadding="0"> <tr><td><blink>HOME</blink></td></tr> </table> </body>

    • ベストアンサー
    • HTML
  • 表と画面の余白について

    ホームページ作成初心者です。 Yahoo!のフリースペースGeoCitesで、アドバンストHTMLエディタで直接タグを打って作成していますが、表の行を追加すると、追加した行の幅だけ上部に余白ができてしまい、画面の下半分に表が表示されます。 余白はタイトルと表の間にできますが、タイトルを削除したり表の下に移動させても上面の余白は変わりません。不要な余白をなくす方法を教えて下さい。 ソースは以下の通りで、△△△の項目の<tr></tr>は２０位あります。 <html> <head> <title>◯◯◯</title> </head> <!--color--> <body bgcolor="#ddfff" text="#000000" link="#0000ff" vlink="#ff0000"> <center> <!--HEAD1--> <h1>タイトル</h1> <table border="1" cellpadding="3" width="700" cellspacing=1 bordercolor="#dddddd"> <tr bgcolor="#ccfff"> 　 <th>◯◯◯</th> 　 <th>◯◯◯</th> 　 <th>◯◯◯</th> 　 <th>◯◯◯</th> 　 </tr> 　<tr> 　 <td align="center">△△△</td> 　 <td align="center">△△△</td> 　 <td align="center">△△△</td> 　 <td align="center">△△△</td> 　</tr> </table> </body> </html>

  • HTMLの疑問

    初心者ですが、HPに表組を作成したのですが、HP上では表の上にタグマークが出でしまいます、どのように編集したら良いでしょうか、 また表組をカテゴリー選択別で表示、非表示にすると事は出来るでしょうか、教えて下さい。 <div class="detail"> <!--// 商品メイン画像 --> <h3 align="center" style="font-size: 7pt;"><TABLE BORDER> <CAPTION>ADULT SREES SIZE</CAPTION> <TR><TH></TH><TH>XS</TH><TH>S</TH><TH>M</TH><TH>L</TH><TH>XL</TH><TH>2XL</TH><TH>3XL</TH></TR> <TR><TH>BUST</TH><<TD>86.36</TD><TD>88.9</TD><TD>93.98</TD><TD>99.06</TD><TD>104.14</TD><TD>111.76</TD><TD>111.76</TD></TR> <TR><TH>WAIST</TH><<TD>64.77</TD><TD>67.31</TD><TD>72.39</TD><TD>77.49</TD><TD>82.55</TD><TD>90.17</TD><TD>95.25</TD></TR> <TR><TH>HIP</TH><<TD>93.98</TD><TD>96.52</TD><TD>101.6</TD><TD>106.68</TD><TD>111.76</TD><TD>119.38</TD><TD>124.46</TD></TR> </TABLE></h3>

  • safariとfirefoxとでテーブルレイアウトが変わってしまい、原因がわからずに困っています。

    safariとfirefoxとでテーブルレイアウトが変わってしまい、 原因がわからずに困っています。 下記のタグでテーブルを表示したいのですが、 safariでは私が頭の中で描いていた通りのレイアウトになるのですが firefoxで開くとボックスが横に伸びてしまいレイアウトが変わってしまいます。まだ素人なので原因がまったくわからず困っています。 どなたかアドバイスを頂ければ幸いです。 <style type="text/css"> marguee { background:#000000; color:#ff6699; padding:5px 0; } .profile th{ background:#fff0ff; font:10px Verdana; color:#666666; text-align:right; padding:5px; } .profile td{ background:#ffffff; font:10px Verdana; color:#333333; padding:5px; } </style> <body bgcolor="000000"> <!-- TEMPLATE START --> <div class="profile"> <div align="center"> <table bgcolor="#000000" cellspacing="1" cellpadding="0"> <tr> <td colspan="2" style="padding:0"> <marquee behavior="alternate">Biography</marquee></td> </tr> <tr> <th>Name</th> <td width="300">テキスト</td> </tr> <tr> <th>DOB</th> <td width="300">テキスト</td> </tr> <tr> <th>Height</th> <td width="300">テキスト</td> </tr> <tr> <th>POB</th> <td width="300">テキスト</td> </tr> <tr> <th>Blood Type</th> <td width="300">テキスト</td> </tr> <tr> <td colspan="2" style="padding:0"> <marquee behavior="alternate">Biography</marquee></td> </tr> </table> </div> <!-- TEMPLATE END --> </body> </html>

  • テーブルにリンクバナーを貼る時

    テーブルを作って、セルの中にリンクしているサイトさんのバナーを貼ろうと思っています。 実際に貼ると、リンクバナーの上が空いてしまいます。 いろいろ試したのですが、ここ２週間くらいでｈｔｍｌを勉強し出した初心者のため、 何が悪いのか分かりません。 詳しい方がいらっしゃいましたら、見ていただけますか。 ××には画像のファイル名、※※にはサイトＵＲＬを入れています。 <table border align="center"> <caption align="top"><b>≪○×△≫</b></caption> <tr> <td width="140">　サイトバナー</td> <td width="130">　管理人様/td> <td><width="400">　サイト傾向等</td> </tr> <tr><td width="100"><A HREF="http://※※" target="_blank"> <IMG src="××.gif" border="0"></A></td> <td width="130">　○○様</td> <td width="400">サイト紹介文</td> </tr> </table> valign="top"も試しましたが、ダメでした。 バナーの画像がgifでもjpgでも同じです。 何が原因でしょうか。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する