HTML言語初心者です。
どなたかなおしかたを、ご指示願います。
ブログアドレスは、下記になります。
よろしくお願いいたします。
http://kennkennchikuchiku.blogspot.com/2006/11/blog-post_8666.html
ソースを読ませていただくと、
タグで
が
は改行なのですが、テーブルデータを書くスペース以外に記述すると、表の上に全部表示されます。
→ 削除してみてください。
せっかくはてなダイアリーで書かれているのですから、表組みを利用されるのも良いかと思います。
http://hatenadiary.g.hatena.ne.jp/keyword/%e8%a1%a8%e7%b5%84%e3%...
回答の途中の文章が消えてしまっていて、よくわかりません。
再回答お願い致します。
自動で改行されているようです。
タグを一行で書くように、余計なスペース・改行をしないようにしてください。
Bloggerにて、書いているのですが、自動改行をしないように書く方法がわかりません。
詰めて書いても、アップすると、改行されてしまいます。
ご指示願います。
さきほどはすいません。
はてなユーザの方では無かったですね(^_^;
ということで、全部書いてみました。
いかがでしょう?
<table border=1>
<tr><td>番号</td><td>名 称</td><td>仕 様</td><td>数量</td><td>単位</td><td>単価</td><td>金額</td><td>備考</td></tr>
<tr><td>2</td><td colspan="7">土工事</td></tr>
<tr><td>A</td><td>根堀</td><td><br></td><td>200</td><td>m3</td><td>※※※</td><td>※※※</td><td><br></td></tr>
<tr><td>B</td><td>埋め戻し</td><td>購入土</td><td>80</td><td>m3</td><td>※※※</td><td>※※※</td><td><br></td></tr>
<tr><td>C</td><td>残土処分</td><td>場外</td><td>120</td><td>m3</td><td>※※※</td><td>※※※</td><td><br></td></tr>
<tr><td>D</td><td>床均し</td><td><br></td><td>300</td><td>m2</td><td>※※※</td><td>※※※</td><td><br></td></tr>
<tr><td>E</td><td>切込砂利</td><td>基礎下</td><td>15</td><td>m3</td><td>※※※</td><td>※※※</td><td><br></td></tr>
<tr><td>F</td><td>切込砂利</td><td>土間下</td><td>38</td><td>m3</td><td>※※※</td><td>※※※</td><td><br></td></tr>
<tr><td>G</td><td>重機運搬費</td><td><br></td><td>1</td><td>式</td><td>※※※</td><td>※※※</td><td><br></td></tr>
<tr><td>H</td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td></tr>
<tr><td><br></td><td>合 計</td><td><br></td><td><br></td><td>※※※※</td><td><br></td><td><br></td><td><br></td></tr>
</table>
このままホームページに貼り付けると、
番号 | 名 称 | 仕 様 | 数量 | 単位 | 単価 | 金額 | 備考 |
2 | 土工事 | ||||||
A | 根堀 | 200 | m3 | ※※※ | ※※※ | ||
B | 埋め戻し | 購入土 | 80 | m3 | ※※※ | ※※※ | |
C | 残土処分 | 場外 | 120 | m3 | ※※※ | ※※※ | |
D | 床均し | 300 | m2 | ※※※ | ※※※ | ||
E | 切込砂利 | 基礎下 | 15 | m3 | ※※※ | ※※※ | |
F | 切込砂利 | 土間下 | 38 | m3 | ※※※ | ※※※ | |
G | 重機運搬費 | 1 | 式 | ※※※ | ※※※ | ||
H | |||||||
合 計 | ※※※※ |
となります。
先に回答されている方々がおっしゃっているように、無意味なスペース(改行)はブログの自動改行機能が働いてしまっているのが原因です。
bloggerでテーブルを作成されてるということなので、タグ打ちで作られたのだということを前提で説明しますと、解決方法は
1)まずbloggerにログインし「投稿を編集」から懸案の記事を開いて、表示を「HTMLの編集」にし、該当テーブルの<table>から</table>までを全てコピーします。
2)bloggerの投稿欄だと切りのいいところで折り返されているため(これは見た目だけで実際には改行されていないのですが)改行と見分けがつきにくいので、メモ帳など簡単なテキストエディターに貼り付けて編集します。
3)テキストエディターに貼り付けたソースで改行されている部分があったら全て除きます。そして全く改行のないテーブルのソースが出来上がったら、それを再びコピーして投稿欄に貼り付けます。
4)無事貼り付けられたら表示を「作成」にし、どのように表示されるか確認してみてください。おそらく求めていらっしゃる改行のないものが表示されるはずです。
5)確認ができたら、投稿して再確認をしてください。
以上です。
なおテーブル内の空欄にする部分には<td>-</td>とハイフンを入れるか半角スペースを入れたりすると良いと思います。また「B 建築工事」の表示の前後にキャプションタグをつけた方がソースとしては綺麗です(<caption>B 建築工事</caption>という感じに)。
これでいかがでしょうか。
丁寧な回答ありがとうございます。
早速試してなおりました。
本当にありがとうございました。
早速色をつけてみたのですが、かわりません。
方法が違うのでしょうか。
御教授願います。