Copyright 2003 Bake. All rights reserved. |
|
|
■ 枠の太さが 1px なので、少し解りにくいのですが、発言フォームのテーブルは 3重、
発言の表示テーブルは2重のテーブルが使われています。
外側のテーブルの背景色で「枠色の指定」をし、内側のテーブルの背景色で「発言
の背景色の指定」をし、そのふたつのテーブルの大きさの差で「枠の幅」を決めて
いるのです。
したがって、全体を指定するスタイルシートで全てのテーブルにスタイルを
指定した場合、発言フォームテーブルは3重、発言表示テーブルは2重に影響を受ける事に
なります。たとえば、テーブルの幅に対して 80% という相対的な数値での指定をすると、
下のような現象が起きてしまいます。(フォームテーブルのデザインの崩れをきちんと確認するには、
テキストエリア幅による干渉を無くすために、ブラウザを出来るだけ大きくしてください。)
|
|
これを回避するためには、テーブルの幅は px などを使って、絶対的な数値で入れてやる
必要が有ります。
■ テーブルが重なっているので、枠のスタイルを指定した場合は、それぞれ二重になったり太さが倍
になったり、フォームテーブルのほうはそれに加えて内側にもう一重、表示されることになります。
デフォルトのテーブルに、2px dotted #cc0000 の枠を設定してみましょう。点線の枠が二重・三重になるのが
解ります。
※CSS を使って TD に padding を設定し、重なっているテーブル間に隙間を作る事も可能ですが、テーブル幅のコントロールが少し難しくなります。
|
|
■ カスタマイズ時の注意など
ちょっとしたタグの打ち間違いなどでユーザーには修正できない状態になってしまう場合がありますので、気をつけてください。「トラブルシューティング」には、事前に目を通しておかれる事をおすすめします。(ちょっと雑然としていて申し訳ないのですが…)
また、万一に備えて、カスタマイズの前に掲示板のバックアップを取っておきましょう。(「ファイル」→「名前を付けて保存」で可能です。ログが複数ページになっている場合は、各ページごとに「保存」することが必要です。マルチトピックタイプをお使いの時は、標準かあめぞうタイプに変更してから保存したほうが楽です。)
ブラウザを二つ立ち上げて、片方を管理画面にしてカスタマイズ、もう片方で表示確認、という方法を取ると、表示を確認して「失敗した!」と思った時に、管理画面のブラウザの「戻る」が使えて便利です。問題の無かった状態まで「戻る」して、再度「変更」してください。
SEO | [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送 | ||