<< October 2020 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >>
<< 誕生日の一日 | main | Miiコンテストの結果発表【ルイージ】 >>
スポンサーサイト

一定期間更新がないため広告を表示しています

* * - * - *
ライン2
今、二つのランキングに参加しています ↓↓↓
ポチッ! していただけるとブログ更新の励みになります 
にほんブログ村 ライフスタイルブログ 二人暮らしへ
★☆★ 応援、ありがとうございました ★☆★
ライン2 
記事内に表を作るとできる無意味な空白の削除法
だいぶブログにも慣れ、CCSやHTMLをいじってブログのカスタマイズをするのが楽しいです

最近、投稿しようとした記事の内容が「表(テーブル)を作ったほうが見やすいな」ってことがありHTMLの本を片手に表をつくってみました(ここでは表作成の詳しいコマンドは省略させていただきます)
「よしよし、これでOK?」と思って、記事を確認すると、なんと、表の前に不必要に改行(空白行)が入り無意味に縦長の記事になっているではありませんか!(こんな感じです↓) 




【買った値段】
さかな¥10(超特価)
やさい¥20(お一人様2コ限り)
¥50(サービス品)


あれ?どうして?
試行錯誤してみますが、空白はなくなりません。参考にした本には何も書いてないし・・・
ちょっと諦めたのですが、JUGEMに「ユーザー助け合い掲示板」があるのを思い出し、ワード検索で「表 テーブル」といれて調べてみました。すると下記のような回答が。
JUGEMの機能である本文記事の自動改行が有効になっていると、そのソース内の改行も全て<br>の改行タグに変換されてしまい、よって空白ができたりスクリプトがエラーを起こします。
これを回避するには
・その記事の自動改行を無効にする。(アドバンス設定内にあります)
 (この設定をした記事内は、table以外のテキスト部分も全て改行が無効になりますので、 改行が必用な場合は<br>を挿入してください)

そうか、アドバンス設定内にあるのか・・・・
と、さっそく探すのですが、それがどこにあるのかわからないのです悲しい
やっとJUGEMの基本設定に「アドバンス設定」を見つけこれを非表示にしてみましたが、やはりダメ。
途方に暮れて、結局掲示板にスレッドを立ち上げました。

すると 記事の投稿画面のずっと下の方を探してください との回答が・・・・・
えっ?記事の投稿画面?探してみると・・・・あぁ、ここにも「アドバンス設定」という文字が!
「これですか!どれどれ・・・・」うーん、でもそれを表示、非表示にしても、やはり投稿記事には空白が入ったまま・・・・どうしてだよーーーーと、泣きそうになっていると
よく使う コメント・トラックバックの設定 の下に 自動改行の設定 があるじゃないですか!

「これか!!!!!!」  やっと合点がいき、さっそく「記事の自動改行」を「無効」に設定
すると・・・できたぁぁぁ!!! (こんな感じ↓)

【買った値段(改良版) 】
さかな¥10(超特価)
やさい¥20(お一人様2コ限り)
¥50(サービス品)


掲示板にもあったように、この設定をしたことですべての改行が無効になり、ずらずら長い文章になってしまいます。ですから、改行をしたいところに<br>コマンドをうち、完了!!

やったよぉぉ〜!!

しかし・・・できたら、出来たで、長い記事のときに<br>を打つのも意外に面倒になりました
何かいい方法ないのかな〜と、やはりユーザ助け合い掲示板で見つけたのが
 「テーブルのコマンドを書くときに改行をせずに、詰めて書かないと長い改行が現れてしまう」 との回答。

ということは、自動改行を有効にしていてもコマンドを詰めて書けば無意味な改行がなくなる?!
と思い、やってみると、これがGood!!イケテル 
つまり テーブルのコマンドを詰めて書けば自動改行を有効にしていてもいい ということです。

実は、この記事も、そうやって書きました。
それでもちゃんと【買った値段(改良版)】もキレイに表示されているでしょ?

ダラダラ改行せずに表のコマンドを書いていくので記事を書いているときは、見にくくなりますが、それは管理人だけの問題で、長い記事のとき記事の自動改行を無効にしていちいち改行コマンド<br>を書くよりは、こちらのほうが便利だなって思います

自分が表をつくるのに苦労し、試行錯誤したので、記事にしておきます
ブログ初心者の方が表(テーブル)をつくるとき、何かの役に立てば幸いです
* 12:34 * comments(4) * trackbacks(0) *
ライン2
今、二つのランキングに参加しています ↓↓↓
ポチッ! していただけるとブログ更新の励みになります 
にほんブログ村 ライフスタイルブログ 二人暮らしへ
★☆★ 応援、ありがとうございました ★☆★
ライン2 
スポンサーサイト
* 12:34 * - * - *
ライン2
今、二つのランキングに参加しています ↓↓↓
ポチッ! していただけるとブログ更新の励みになります 
にほんブログ村 ライフスタイルブログ 二人暮らしへ
★☆★ 応援、ありがとうございました ★☆★
ライン2 
 この記事へのコメント
** lomo * 2007/12/28 11:58 AM *
                                
タグを覚えるのも大変ですもんね。
あとはブログの仕様によって有効タグが微妙に違うのも・・・
普通のhtmlファイルならタグが解るように書くのですが
楽天などでも詰めないと空白が出来ちゃいます。

おっと ご存じかもしれませんが
私の職業はwebデザイン(企業サイトなどを作っています)なんですよ。
だから何かあれば解る範囲で良ければいつでもどうぞ♪
ただレンタルブログの事は各会社で仕様が違うので100%じゃないかもしれませんが・・・

あと、遅くなりましたが お誕生日おめでとうございます♪
何歳になっても誕生日は嬉しいものですよね♪
心から お(・∀・)め(・∀・)で(・∀・)と(・∀・)う!

そしてもう一つ御挨拶があります。
明日から旦那の実家に帰省する予定なので、
少し早いのですが今年最後の御挨拶を・・・
ブログを通じてかずぴんさんと出会えて本当に良かったです。
ブログの更新も休みがちな私ですが懲りずに来年も宜しく御願いします。
それでは楽しいお正月をお過ごし下さいませ・・・
** かずぴん@管理人 * 2007/12/28 6:26 PM *
                                
lomoさんのお仕事はwebデザインなんですか!!かっこいい♪
lomoさんのブログは確かにおしゃれでUPしている写真もすごくキレイだなーって思いながら読んでいたのですが、ちっとも知りませんでした。納得です!

こんなにそばに専門家がいたなんて、なんと心強い(^^)
まだまだブログ初心者の領域を出ない私ですが、JUGEMはカスタマイズが比較的自由なので「今度コレやってみよう」なんて思いながら本片手に奮闘しています。大変だけど、それが結構楽しいのです。わからないことがまだまだ出てきそうなので、お言葉に甘えて教えていただいちゃおうかな!
そのときはよろしくお願いします!

それから誕生日のお祝いメッセージもありがとうございます。他の記事にも書きましたが、周りのオトナより誕生日に対する思い入れが強いみたいで、プレゼント貰うのと同じくらいお祝いのメッセージが本当に嬉しいんです。ありがとうございます!

早いもので年末ですね(誕生日になるとクリスマス一色だったスーパーやデパートが一斉にお正月ムードになるのが寂しい私^^;;)
こちらこそ、ブログを介してlomoさんに出会えてよかったです。趣味でやっているブログなのであまり情報としての価値はないと思いますが、息抜きにでも遊びに来てもらえるようなブログになればいいと思っていますので、来年もよろしくお願いします
よいお年をお迎えください(^^)
** 神無月 * 2008/09/13 7:41 PM *
                                
初めまして、神無月です。

私もテーブルの空白に手こずっています。

記事の自動改行を無効にしているのに表示されません。

どこがいけないのでしょうか?
** かずぴん@管理人 * 2008/09/14 10:12 AM *
                                
初めまして。神無月さん。コメントありがとうございます。

表でお困りのご様子、チカラになれば・・・と思うのですが、私もシロウトで自分が困ったとき
こうやったらできたよ!ってことを記事に書いたので、これ以上のことがわかるわけでは
ないのですが、記事内容をまとめてお返事しますね。

記事内の表を表示する際にできる空白をなくす方法は2つあり、

(1)記事の自動改行を無効にすること。 そのためには、
(1−1)JUGEMの設定:基本設定の『投稿時の設定』にある『自動改行』を『無効』にする
(1−2)記事の投稿や記事の編集・削除のページにある『記事の自動改行』を『無効』にする

(1−1)と(1−2)の違いは記事全部の自動改行を無効にするか、その記事だけかです。
ただし、どちらも表だけでなく記事内の文章も改行されませんので、文章の改行したい場所に
<br>という強制改行するコマンドを入れる必要にあります。

しかし、長い記事のときにひとつひとつ<br>コマンドを入れるのって意外に面倒です。
そこで
(2)自動改行を有効のままで、テーブルのコマンドを書く部分だけ改行をせずに詰めて書く

この(1)と(2)の方法でできるとおもいます。
どちらにするかは、表が大きいなら(1)、表は一部でほとんど文章なら(2)でしょうか。

下記に、記事内でテーブルにした内容のタグを載せておきます。参考になればと思います。

(1)自動改行を無効にした場合
<table border="2" align="center" hspace="5">
<caption align="top">【買った値段】</caption>
<tr><td>さかな</td><td>¥10(超特価)</td></tr>
<tr><td>やさい</td><td>¥20(お一人様2コ限り)</td></tr>
<tr><td>肉</td><td>¥50(サービス品)</td></tr></table>

(2)自動改行を有効のままコマンドを詰めて書いた場合
<table border="2" align="center" hspace="5"><caption align="top">【買った値段<span style="color:#0000FF">(改良版)</span> 】</caption><tr><td>さかな</td><td>¥10(超特価)</td></tr><tr><td>やさい</td><td>¥20(お一人様2コ限り)</td></tr><tr><td>肉</td><td>¥50(サービス品)</td></tr></table>
 コメントする?
* この記事にまったく関係ないコメントは、管理人の判断で非表示または削除させていただく場合もございます
  なお記事には関係ないメッセージは直接メールをいただければお返事いたします






チェックを入れるとコメント欄の下にプレビューが表示されます

ご利用のブラウザ、設定ではご利用になれません。

 この記事のトラックバックURL * トラックバックは管理人が承認するまで反映されません *
トラックバック機能は終了しました。
 この記事のトラックバック