本文へジャンプします。



ココログサポート Top>>Questions List>>「HTMLの編集」で最近発生するようにな...

fixed_question

「HTMLの編集」で最近発生するようになった問題

(1)Windows Vistaの「メモ帳」で作成したHTML言語の貼り付け
「HTMLの編集」において、 Windows Vistaの「メモ帳」で作成したHTML言語の記述内容をコピーして貼り付けて、 「記事の作成」で確認し、 再び、 「HTMLの編集」に戻ると、 余分な行間ができている。

----- 「HTMLの編集」の表示 -----
<hr width="516" align="left" />



<table width="516" border="0"><tbody>

<tr><td width="516" align="left" valign="top">

<span style="color: #0000ff;">

<strong>ABCD / WXYZ</strong></span>
</td></tr>
</tbody></table>
----- Windows Vistaの「メモ帳」の内容 -----
<hr width="516" align="left" />
<table width="516" border="0"><tbody>
<tr><td width="516" align="left" valign="top">
<span style="color: #0000ff;">
<strong>ABCD / WXYZ</strong></span></a></td></tr>
</tbody></table>
-----------------------------------------
ココログ「HTMLの編集」では、「検索」はできても「置換」ができないので、Windows Vistaの「メモ帳」での文字編集に頼らざるを得ません。

(2)写真データ貼り付け時に<p>,</p>が必ず写真データの前後に付く
写真データを貼り付けた後や「HTMLの編集」で貼り付けると、写真データの前に<p>が入り、 後ろに</p>が入いる。
「記事の作成」で仕上がりを確認すると、 <table width="xxx" border="1">に設定したボーダー付きのテーブル内で写真の上と下に隙間ができてしまい、 せっかくの写真が台無しになってしまう。
毎回手作業で削除していますが、 枚数が多い時に手間がかかるので、 せめて、 <table>文で処理している時ぐらいは、 <p>,</p>を書き足さないようにしてほしい。

(3)<table width="xxx" border="1">のborder=1指定では、従来の線1本表示を期待
<table width="xxx" border="1">の「border=1」と記述した時は、従来は、 線1本で表示されていたのに、 最近2重線の表示に変わってしまい、 過去の掲載した記事の出来上がりイメージが、最悪に変わってしまいました。
2重線では、テーブル内の内容が目立たないばかりか、 見づらい作品に劣悪化してしまいます。
2重線が本来の表示であるとすれば、 1本線の表示方法を教えていただければ幸いです。

*** 運用環境 ***
OS : Windows Vista
ブラウザー : Lunascape6 (version6.5.3)
通常使用レンダリングエンジン : Trident(IE)
basic infomations

西葛西の人 | | permalink | 記事の投稿/管理

Re: 「HTMLの編集」で最近発生するようになった問題
htmlでテーブルの枠線を1本にするには、cellspacing="0"を入れるのが普通かと思います。ただこの指定をすべての記事に加えるのは面倒ですから、CSSで一括指定することをオススメします。

CSSなら、
table{ border-collapse:collapse; }
を加えれば枠線が一本線になるかと思います。

ココログのエディタで行間ができる問題については、私はそういうものだと思って諦めてます。

tableのセル内の<p>タグ付きの写真で上下に隙間ができる問題については、
td p{ margin:0; }
を書けば<p>タグを消す必要がなくなるように思うのですが、これでいいかどうかはちょっと分かりません。

なお、CSSの記述についてはこちらを参照してください。
http://cocolog.kaiketsu.nifty.com/faqs/17367/thread

EF Mania | |

Re: 「HTMLの編集」で最近発生するようになった問題
EF Maniaさんへ
早々の回答に感謝申し上げます。

(3) htmlでテーブルの枠線を1本
思いだしました。
Excelのテーブルデータを貼り付けた時に記述される内容ですね。
<table width="xxx" border="1" cellspacing="0" cellpadding="0" border-collapse: collapse;">

(1)エディタで行間ができる問題
以前は問題なくできていたことに慣れてしまい、 本来の正しい動きに訂正された時に、 解決策を持てないのはつらいです。
「編集」「置換」のメニューがほしいです。
すいません、 愚痴です。

(2)セル内の<p>タグ付きの写真で上下に隙間ができる
解決策の「td p{ margin:0; }」は試してみます。

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

西葛西の人 | |

Re: 「HTMLの編集」で最近発生するようになった問題
追記
Excelのテーブルデータ貼り付け時の記述を間違えていました。
<table width="xxx" border="0" cellspacing="0" cellpadding="0" style="width: yyypt; border-collapse: collapse;">

西葛西の人 | |

Re: 「HTMLの編集」で最近発生するようになった問題
(2)セル内の<p>タグ付きの写真で上下に隙間ができる
CSSへ「p { margin:0px; }」追加でブログの表示は解決しました。
ただ、 編集画面では、<p>による上下に隙間が表示されていますので、 仕上がり具合がイメージしにくいので、 利用はあきらめます。

(3) htmlでテーブルの枠線を1本
下記の記述で対応していきます。
<table width="xxx" border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse;">
色が黒色なので、 せめて「<hr width="516" align="left" />」のような色合いになってくれるといいのですが・・・・。

最後に、 早急なご回答により、 対応策が固まりました。
感謝申し上げます。 ありがとうございました。

西葛西の人 | |