PukiWikiでテーブルの回り込み


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



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

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の整形済みテキストがはみ出す

おすすめの記事

Custom Post Type UIでカスタム投稿を作って、誰でも簡単に編集できる投稿画面を作る方法

Custom Post Type UIでカスタム投稿を作って、誰でも簡単に編集…

iptablesの設定ファイルをシェルスクリプトを利用して動的に作成

iptablesの設定ファイルをシェルスクリプトを利用して動的に作成

Googlebotを手懐ける!robots.txtの書き方とrobots.txtテスターの使い方

Googlebotを手懐ける!robots.txtの書き方とrobots.txtテスター…

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

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

インストールだけじゃない!yumの設定から便利な使い方まで徹底的に解説

インストールだけじゃない!yumの設定から便利な使い方まで徹底…

rsyslogを利用したログファイル作成と、logrotateを利用したログのローテーション

rsyslogを利用したログファイル作成と、logrotateを利用したロ…

Google Feed APIの代替手段としてjQueryだけでRSSを表示する方法

Google Feed APIの代替手段としてjQueryだけでRSSを表示する方法

ページ編集の手間を劇的に減らす、Custom Field Templateでカスタムフィールドを作る方法

ページ編集の手間を劇的に減らす、Custom Field Templateでカス…


コメントを残す

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

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