PukiWikiでテーブルの回り込み


投稿日:2011年8月3日
  • 0
  • 0



テーブルを回りこませた。

PukiWikiでテーブル内にテーブルを作ってページの幅に合わせて改行することは出来なさそうなので、以下のように表を回りこませる設定にした。
改行などで無理やりレイアウトも可能だが、要素が増えたり減ったりしたときに一つ一つずらしていくのは現実的ではないので「float」を使って回りこませることにした。

.style_table {
padding:0px;
border:0px;
margin:0px 0px 20px 0px;
text-align:left;
color:inherit;
background-color:#DDD;
float:left;
}

強制的にすべての要素が回りこもうとしてしまうので、特定の表だけに適応したいがそれだけのためにプラグインを作るのも面倒なので、今回は暫定措置としてこのようにした。

この方法で注意が必要なのは回りこませないようにするために幅いっぱいにテーブルを並べることだ。少しでも間が開くと文字などが回りこんでしまう。

時間があったら回りこみ専用のテーブルを作るプラグインを作ってみよう。


現在のページを共有する



現在のページに関連する記事

WordPressのデザインを更新 WordPressのデザインを更新
PukiWikiでテーブルの回り込み これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザインの作り方
WordPressにSyntaxHighlighterを導入しよう WordPressにSyntaxHighlighterを導入しよう
PukiWikiで表をソートしたい PukiWikiで表をソートしたい
PukiWikiでテーブルの回り込み ページ編集の手間を劇的に減らす、Custom Field Templateでカスタムフィールドを作る方法
WordPressで表(テーブル)を簡単に追加したい WordPressで表(テーブル)を簡単に追加したい
WordPressの整形済みテキストがはみ出す WordPressの整形済みテキストがはみ出す

おすすめの記事

そのサイト、WordPressじゃなくてWixで十分じゃない?

そのサイト、WordPressじゃなくてWixで十分じゃない?

UWSCでEXCELの作業を自動化する方法

UWSCでEXCELの作業を自動化する方法

これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザインの作り方

これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザイン…

NexusFontが重い場合はWindows Font Cache Serviceを無効にしよう

NexusFontが重い場合はWindows Font Cache Serviceを無効にしよう

標準のアンインストーラーで消えないソフトを徹底的に削除する方法

標準のアンインストーラーで消えないソフトを徹底的に削除する…

Web Fontの使い方とGoogle Fontsのオススメフォント 10選

Web Fontの使い方とGoogle Fontsのオススメフォント 10選

使うであろう文字だけの、HTML・XHTMLエンティティシート

使うであろう文字だけの、HTML・XHTMLエンティティシート

Linuxでサーバを構築するに当たって必要になる基礎知識

Linuxでサーバを構築するに当たって必要になる基礎知識


コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。