ブログにソースから切り取った物を貼り付ける方法について

0   名前： たつじい ： 2007/06/19（火） 21:09  ID:UiU8Ye3A sub-Q5
ヤフーファイナンスのポートフォリオの表をブログに貼りたいのですが、
下記のような、ソースから切り取ったものを貼り付けると、表の縦の長さの分だけ空白が出来ます。
その空白をなくして最上部から表示したいんですが、どうすればいいでしょうか？

<table border=1 cellpadding=3 cellspacing=0>
<tr class=chartbg><th nowrap>コード</th><th nowrap>名称</th><th nowrap>取引値</th><th nowrap colspan=2>前日比</th></tr><tr align=right>
<td nowrap align=left><a href="/q?s=9501.o&d=t">9501</a></td><td nowrap align=left><small><img src=http://img.yahoo.co.jp/images/finance/institutional/arrow_no.gif alt=変わらず width=20 height=15 align=absmiddle><b>東京電力(株)&nbsp;</b></small></td><td nowrap><b> 3,920 (最終気配)</b></td><td nowrap>---</td><td nowrap>0.00%</td></tr>
<tr align=right>
<td nowrap align=left><a href="/q?s=9502.t&d=t">9502</a></td><td nowrap align=left><small><img src=http://img.yahoo.co.jp/images/finance/institutional/arrow_up_bl.gif alt=アップ width=20 height=15 align=absmiddle><b>中部電力(株)&nbsp;</b></small></td><td nowrap><b> 3,180</b></td><td nowrap>+30</td><td nowrap>+0.95%</td></tr>
<tr align=right>
<td nowrap align=left><a href="/q?s=9503.o&d=t">9503</a></td><td nowrap align=left><small><img src=http://img.yahoo.co.jp/images/finance/institutional/arrow_up_bl.gif alt=アップ width=20 height=15 align=absmiddle><b>関西電力(株)&nbsp;</b></small></td><td nowrap><b> 2,910</b></td><td nowrap>+50</td><td nowrap>+1.75%</td></tr>
<tr align=right>
<td nowrap align=left><a href="/q?s=9504.t&d=t">9504</a></td><td nowrap align=left><small><img src=http://img.yahoo.co.jp/images/finance/institutional/arrow_up_bl.gif alt=アップ width=20 height=15 align=absmiddle><b>中国電力(株)&nbsp;</b></small></td><td nowrap><b> 2,445</b></td><td nowrap>+25</td><td nowrap>+1.03%</td></tr>
<tr align=right>
<td nowrap align=left><a href="/q?s=9505.t&d=t">9505</a></td><td nowrap align=left><small><img src=http://img.yahoo.co.jp/images/finance/institutional/arrow_up_bl.gif alt=アップ width=20 height=15 align=absmiddle><b>北陸電力(株)&nbsp;</b></small></td><td nowrap><b> 2,445</b></td><td nowrap>+25</td><td nowrap>+1.03%</td></tr>
<tr align=right>
<td nowrap align=left><a href="/q?s=9506.t&d=t">9506</a></td><td nowrap align=left><small><img src=http://img.yahoo.co.jp/images/finance/institutional/arrow_up_bl.gif alt=アップ width=20 height=15 align=absmiddle><b>東北電力(株)&nbsp;</b></small></td><td nowrap><b> 2,710</b></td><td nowrap>+20</td><td nowrap>+0.74%</td></tr>
<tr align=right>
<td nowrap align=left><a href="/q?s=9507.t&d=t">9507</a></td><td nowrap align=left><small><img src=http://img.yahoo.co.jp/images/finance/institutional/arrow_up_bl.gif alt=アップ width=20 height=15 align=absmiddle><b>四国電力(株)&nbsp;</b></small></td><td nowrap><b> 2,840</b></td><td nowrap>+30</td><td nowrap>+1.07%</td></tr>
<tr align=right>
<td nowrap align=left><a href="/q?s=9508.o&d=t">9508</a></td><td nowrap align=left><small><img src=http://img.yahoo.co.jp/images/finance/institutional/arrow_no.gif alt=変わらず width=20 height=15 align=absmiddle><b>九州電力(株)&nbsp;</b></small></td><td nowrap><b> 3,130 (最終気配)</b></td><td nowrap>---</td><td nowrap>0.00%</td></tr>
<tr align=right>
<td nowrap align=left><a href="/q?s=9509.t&d=t">9509</a></td><td nowrap align=left><small><img src=http://img.yahoo.co.jp/images/finance/institutional/arrow_up_bl.gif alt=アップ width=20 height=15 align=absmiddle><b>北海道電力(株)&nbsp;</b></small></td><td nowrap><b> 2,730</b></td><td nowrap>+25</td><td nowrap>+0.92%</td></tr>
<tr align=right>
<td nowrap align=left><a href="/q?s=9511.t&d=t">9511</a></td><td nowrap align=left><small><img src=http://img.yahoo.co.jp/images/finance/institutional/arrow_up_bl.gif alt=アップ width=20 height=15 align=absmiddle><b>沖縄電力(株)&nbsp;</b></small></td><td nowrap><b> 7,220</b></td><td nowrap>+150</td><td nowrap>+2.12%</td></tr>
<tr align=right>
<td nowrap align=left><a href="/q?s=9513.t&d=t">9513</a></td><td nowrap align=left><small><img src=http://img.yahoo.co.jp/images/finance/institutional/arrow_up_bl.gif alt=アップ width=20 height=15 align=absmiddle><b>Ｊ−ＰＯＷＥＲ&nbsp;</b></small></td><td nowrap><b> 4,970</b></td><td nowrap>+30</td><td nowrap>+0.61%</td></tr>
<tr align=right>
<td nowrap align=left><a href="/q?s=9514.t&d=t">9514</a></td><td nowrap align=left><small><img src=http://img.yahoo.co.jp/images/finance/institutional/arrow_up_bl.gif alt=アップ width=20 height=15 align=absmiddle><b>(株)ファーストエスコ&nbsp;</b></small></td><td nowrap><b> 81,500</b></td><td nowrap>+2,900</td><td nowrap>+3.69%</td></tr>
</table>
1   名前： 通行人。 ： 2007/06/19（火） 21:09  ID:LFlG9IJb sub-Cl
どこのブログをお使いか分かりませんが、大抵のブログには「自動改行」という機能があります（この掲示板でもそうですが、改行した部分に自動的に改行タグ<br>を入れてくれるものです。）。
提示された表のコードには所々に改行が含まれていますので、そのまま貼り付けると、htmlとしてあり得ない場所（<tr>と<td>の間とか）に<br>が出力されてしまい、その結果意図しない表示になってしまいます。
解決策は、
（１）自動改行機能をoffにする（この場合、改行したいところには自分で改行タグを入れる）。
（２）表のコードの改行を全て削除し、１行にする。
のどちらかです。

#サーバー設置型のブログでは、<table>や<ul>内などでの改行を自動で判定してくれるものもあるらしい…
2   名前： たつじい ： 2007/06/19（火） 21:09  ID:UiU8Ye3A sub-Q5
返信ありがとうございます。
ＤＴＩブログを使っていますが、設定の中に自動改行の項目があったので、それをはずしてみるとやっと思っていた形になりました。
解決してみれば恥ずかしくなる質問でしたが、丁寧に答えていただいてありがとうございました。
一覧へ戻る