飾り枠で囲むときのポイント
実は、iWebでのメインウィンドウに表示されている通りにブラウザで表示される訳ではありません。FirefoxやIE、Safariでさえも全く同じようには表示されないのです。特に飾り枠で囲んでいる部分が崩れます。
下の一番左の写真は、普通に飾り枠を設定したテキストボックスを設置して、中にテキストを書いた場合のiWebでの見え方です。
テキストがきっちりと飾り枠の中に収まっていますので、非常に見栄えも良くすっきりとしています。
2007/11/16
では、このように設定をした後、フォルダに公開したらブラウザ上ではどのように見えるのでしょうか。
Safariで検証をしてみましょう。 フォルダに公開して、Safariで表示したのが下の写真です。
飾り枠のした部分に大きめの空白が生まれてしまっています。
iWeb Tips - iWebのコツ -
行の間隔を「固定値」にする
テキストインスペクタには、行の間隔を設定する項目があります。
普通にテキストボックスを作成すると、この設定値が「倍数」になっていると思いますが、これを「固定値」に変更して、行間隔をptで指定する設定にすると、飾り枠で空白がやたらと開いてしまったりする事はありません。
「固定値」にするだけで、SafariなどのMac用ブラウザだけでなく、Windowsで見た時にもほぼレイアウトを崩さずに表示する事ができます。
このテクニックは、飾り枠だけではなく、すべてのテキストボックスに使えますので、ぜひ設定を見直してみてください。
iWeb Tips | バックナンバー
スポンサードリンク
iWeb基本のTips
公開に関するTips
iWebの機能、更新に関するTips
アクセスアップ、SEO対策のTips
その他のTips
このサイトはApple iWeb を使用して作成しています。
ご意見などはお問い合わせフォームからお願いいたします。
運営サイト・ブログ
当サイトは、Yahoo!カテゴリ(Macintosh > アプリケーションソフト)掲載サイトです。