ホーム > タグ > テーブル

テーブル

Firefox でテーブルの線(border)が表示されたりされなかったりする件の対策。

珍しく Firefox のバグです(だと思います)。
あえて「解決法」ではなく「対策」としたのは、解決したかどうか定かではないからです。
つまり、「よく分からんけど、とりあえずうまくいってるっぽい」と。

発生した現象はタイトルの通りですが、テーブルに設定した線が、Firefox で見てみると表示されたりされなかったりするのです。
「されたりされなかったり」とは言っても、表示のたびに結果が変わるということではなく、再現性はあります。
ただ、文字サイズを変えたり行間を変えたりパディングを変えたりすると、表示される線と表示されない線が違ったりするということです。
色々な数値を微調整していけばすべての線がちゃんと表示されるポイントがあるかも知れませんが、環境が異なればまた結果も変わってくるでしょうし、根本的な解決にはなりません。

というワケで、色々試した結果、以下のような方法に落ち着きました。
かなり無理矢理ではありますが、今のところ正常に(?)表示されています。
この記事の続きを読む

WordPress のビジュアルエディタでテーブル(表組み)の行を複製したり削除したりする方法。

WordPress のビジュアルエディタとテーブル(表組み)はどうも相性が悪いらしく、新規に追加できるようにするだけでも一工夫が必要でした(過去記事参照)。
で、編集するのもやっぱり一筋縄ではいかず、できることはかなり限られています。
いろいろ試してはみたのですが、どうも表組みの構造をいじることを頑なに拒まれてる感じ。

そんな中で、行の複製と削除の方法が(なんとなくですが)分かったので、メモ的にアップしておきます。

尚、この方法は Internet Explorer では使えません(IE6、IE7とも)。
Firefox で試してみてください。

追記(09.02.19):いろいろ試してみた結果、どうやらWindows 環境では削除だけしかできないようです(コピーまではできるけど、ペーストする位置を選択できない)。
IE、Firefox、Opera、Google Chrome で試しましたが、いずれも複製はできませんでした。
目下、別の方法を模索中。

追記(09.02.24):デフォルトのエディタをカスタマイズしてるよりも、プラグインの TinyMCE Advanced を使った方が良さげです。またいずれ別記事にまとめます。

この記事の続きを読む

WordPress のビジュアルエディタにテーブル(表組み)の追加・編集機能を付ける方法。

WordPress に標準で付いているビジュアルエディタには、テーブルの編集機能はありません。
既存のテーブルをいじったりすることはもちろん、新規に追加することすら不可。
HTML でガシガシ組める人なら問題ないのですが、お客さんにそれを期待するのは現実的にムリがあります。

で、いろいろ調べてみたところ、ごく簡単なテーブルなら追加したり編集したりできる方法がありました。
修正する箇所も少なくて済むので、さほど時間もかかりません。

実はプラグインもいくつか見つけたのですが(「WP-Table」とか「TinyMCE Advanced」とか)、検証する時間が無かったり、オーバースペック気味だったり、動作が不安定っぽいことが書いてあったりするので、今回はスルーしてます。

追記(09.02.24):TinyMCE Advanced はどうやら良い感じに動いてくれそうです。いずれ別記事にまとめます。

この記事の続きを読む

1 / 11

Home > Tags > テーブル

リンク
フィード
メタ情報

このページのトップへ